Inconsistent editor color in definition list

[pinkdroyd]

Current behavior

When I create an definition list that consists of a bullet list, the editor highlights in inconsistently. The first line is highlighted just like text, the next lines like a bullet list. This creates a bit of a chaotic page if you use these lists a lot.

This is what it looks like in the preview (this is fine, just so you know what I am talking about):

This is what it looks like in the editor (all items should be blue, however the first one of each definition is white):

Expected behavior

The first line of the bullet list in a definition should look like the other lines (in my case blue, not white). Like this (this is the coloring of a list):

Environment

• Version: 0.11.13

There is a $22.00 open bounty on this issue. Add more on Issuehunt.

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on Issuehunt to raise funds.

[IssueHuntBot]

@BoostIO has funded $20.00 to this issue. See it on IssueHunt

[ekoeditaa]

Can I take this up? Thanks!

[ekoeditaa]

Does CodeMirror take care of the highlighting? Or is it done by our own repo?
I tracked down the highlighting up till here browser/components/CodeEditor.js

[ZeroX-DG]

@ekoeditaa yes, CodeMirror take care of the highlighting so this probably an upstream issue. However, Boostnote also has a custom mode here https://github.com/BoostIO/Boostnote/tree/master/extra_scripts/codemirror/mode/bfm

[ekoeditaa]

@ZeroX-DG Seems like the first bullet list is missing cm-variable-2 class. How can I add it dynamically? Can it be done from the bfm grunt task too?

[ZeroX-DG]

@ekoeditaa Yes, you should do it in the bfm grunt task because the style file will be overridden when the task is executed

[ekoeditaa]

@ZeroX-DG seems like it cannot be done through that. The problem is upstream with CodeMirror. The highlighting doesn't work for indentation from them. We cannot solve it by overriding the css in our custom mode. A possible fix is we let cm-variable-2 color to be the normal black.

[IssueHuntBot]

@0maxxam0 has funded $2.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.