This Markdown editor has a bug that causes the cursor position to shift on Mac OS.

[Sinichi-alt]

This bug is caused by text in the text editing area being unintentionally formatted in bold.
Please fix the following section in “frontend/index.html”.

【Before】

        /* Syntax highlight colors using theme variables */
        .syntax-overlay .md-heading { color: var(--accent-primary); font-weight: 600; }
        .syntax-overlay .md-bold { color: var(--text-primary); font-weight: 700; }
        /* ... ... */

【After】（delete font-weight ）

        /* Syntax highlight colors using theme variables */
        .syntax-overlay .md-heading { color: var(--accent-primary); }
        .syntax-overlay .md-bold { color: var(--text-primary); }
        /* ... ... */

[gamosoft]

Hey there, thanks for reporting this. The syntax highlighter thing is a PITA, as there are these discrepancies from time to time, I had quite a few issues trying to align this and still I'm not 100% sure it all works as expected. 😋

Can you tell me what version of the app you're using and what browser? Not sure if I can get my hands on that to test but I can try.
Also is the issue present if you use a different browser?

The bold is not unintentional, it is so it can show different formats. As you may know from other issues, there are 2 containers: one for the actual text contents, and another one which is an overlay with styling. You may also know there's a setting to disable syntax highlighting as a workaround. 😉

This problem usually happens when there's something in the code that makes the overlay lines "jump" to the next line because of the word "hitting" the end of the container. If you drag the slider separator of the edit and preview panes you'll see this, check this issue for reference:

#181

A few pixels difference should be negligible but again, I guess this also depends on the browser being used?

Thank you.

[Sinichi-alt]

Thank you for your response. The results of my investigation are as follows.
I've noticed the cursor shifting out of position when using Safari or Chrome on macOS.
Note : that the OS and browser versions are the latest available at this time.

NoteDiscovery v0.22.1

macOS Tahoe

Browser	Editor Syntax Highlight	Result
Chrome	On	NG
Chrome	Off	OK
Firefox	On	OK
Firefox	Off	OK
Safari	On	NG
Safari	Off	OK

Windows11

Browser	Editor Syntax Highlight	Result
Chrome	On	OK
Chrome	Off	OK
Firefox	On	OK
Firefox	Off	OK
Edge	On	OK
Edge	Off	OK