# Input box obscures text while typing

**URL:** <https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930>\
**Category:** Beta Testing\
**Created:** [17 August 2022 05:28 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930 "2022-08-17T05:28:20Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 05:28 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/1 "2022-08-17T05:28:20Z")

</div>

as in the picture  
joplin ni'hao

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/b/b936e2a975aed444308203b9d16fe53b8a7f0d88.png)  
 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/c/c689d0248db29485ac9f366123e79d047ffd6ed5.png)

In other software everything works fine like below

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/9/930e5f7abca84e8bfa2ee8bf0a97988a50586ade.png)

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/8/8456e4cb94f34b8676a5f8d304e009e9083f49c4.png)

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 05:29 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/2 "2022-08-17T05:29:55Z")

</div>

Version 2.9.2  
 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/f/f20ae389b6879a00e3d5d72588f455a3f56e1e7b.png)

---

<div class="post-metadata">

**Author:** ![personalizedrefriger](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/personalizedrefriger/32/13210_2.png) [@personalizedrefriger](https://discourse.joplinapp.org/u/personalizedrefriger)\
**Post date:** [17 August 2022 05:34 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/3 "2022-08-17T05:34:44Z")

</div>

This might be a CodeMirror issue. Please test with the editors on the following pages:

- [https://codemirror.net/](https://codemirror.net/)
- [CodeMirror 5](https://codemirror.net/5/)

The markdown editor in the desktop app is currently based on CodeMirror 5. It may eventually be upgraded to CodeMirror 6.

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 06:11 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/4 "2022-08-17T06:11:20Z")

</div>

How should I test, is it like the picture below?

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/b/b0ce221d72e30d8d41c46c709b25fc3366291548.png)

---

<div class="post-metadata">

**Author:** ![personalizedrefriger](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/personalizedrefriger/32/13210_2.png) [@personalizedrefriger](https://discourse.joplinapp.org/u/personalizedrefriger)\
**Post date:** [17 August 2022 06:14 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/5 "2022-08-17T06:14:21Z")

</div>

Yes! Like that. From the screenshot, it looks like the input box works with CodeMirror 6. Does it work with [CodeMirror 5](https://codemirror.net/5/)?

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 06:26 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/6 "2022-08-17T06:26:45Z")

</div>

I think he is working fine, although there are some differences

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/7/7c8c4763c7c162e3223a89a8db37b4ea3f64e188.png)

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 06:31 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/7 "2022-08-17T06:31:52Z")

</div>

So, how can I solve it, I don't know if the 2.8 version has this problem, is it a small problem with the new version 2.9.2?  
Looking forward to a solution.

---

<div class="post-metadata">

**Author:** ![personalizedrefriger](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/personalizedrefriger/32/13210_2.png) [@personalizedrefriger](https://discourse.joplinapp.org/u/personalizedrefriger)\
**Post date:** [17 August 2022 06:35 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/8 "2022-08-17T06:35:47Z")

</div>

What happens if the edge of the CodeMirror 5 editor gets near the edge of the screen (e.g.  
 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/a/a0f9cdd7c22e8b44385c2594585c8405a3b790b9.png)  
）  
For me (on Linux), I'm getting a slight overlap...

> I don't know if the 2.8 version has this problem, is it a small problem with the new version 2.9.2?

If this is a bug in CodeMirror 5, version 2.8 would also have this issue.

The rich text editor (open by clicking the  
 ![Screenshot: Arrow pointing to edit icon to the right of M downarrow icon](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/b/9/b95fc648f9b886fa6e13061db842ff26466dcd21.png) icon) might not have this issue.

( I'm not sure when an upgrade to CodeMirror 6 will happen for the desktop app — while it should fix this issue (and some screen-reader related issues), it might break Joplin plugins that interact with the markdown editor. As such, it _might_ take a while for this issue to be fixed ☹ . )

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 07:05 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/9 "2022-08-17T07:05:13Z")

</div>

It may be related to the font, but it seems that the occlusion problem does exist.  
I just re-downloaded version 2.8, the problem has not been solved, it seems that your guess is correct.

---

<div class="post-metadata">

**Author:** ![ccvbc](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ccvbc/32/14193_2.png) [@ccvbc](https://discourse.joplinapp.org/u/ccvbc)\
**Post date:** [17 August 2022 07:39 UTC](https://discourse.joplinapp.org/t/input-box-obscures-text-while-typing/26930/10 "2022-08-17T07:39:48Z")

</div>

The rich text editor is fine, however I don't use it.

 ![图片](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/1/1ddc023253a1657e015da0452d4e50483849911e.png)