CodeMirror highlights and changes font sizes oddly. Just create a note with this text:
# Dollar $igns Change CodeMirror's Highlighting
- You can see more here: $0.00 and $10.00 (looks ok, wait, why is this blue?)
- Let's try it again: $5.82 (still looks fine, but why did the blue stop?)
I have see many font and color oddities in CodeMiror, recently surrounding dollar and percent signs. Let's see a 49%. Hm... that worked.
AH HA! Switch to dark mode. The $10.00 above (and here) are red for some reason. And the period here and at the end of this sentence (but not elsewhere) was highlighted red. Hmm... I have seen similar oddities with percent signs, but I couldn't replicate.
Now change to dark mode. The title has a fontsize change right after the dollar sign. In Light mode, there is odd text color changes from regular to blue. Not sure why. In Dark mode, text after some dollar signs (but not all) is red. Periods are sometimes highlighted (background color) red.
Hi @todd, the issue is because the opens a katex block and the CodeMirror editor now has support for highlighting math. Unfortunately the implementation enters a katex block as soon as you type which isn’t great. I’ve made a pull request that should fix all the issues related to using the dollar sign normally.
I don’t know what the issue could be with the percent sign, but if you can ever duplicate it please let me know!
Do you have the menu labels switched off? I ask as this seems to be part of the bug highlighted in this post where accessing settings makes the button labels disappear as well.
It also means if you do not actually have the edit pane open you cannot type to re-enable the menu and you cannot switch to editor / split view because the Layout button isn’t working. Therefore you need to change the Joplin app window size to get it active again.