[5.3.2pre] Codemirror editor style clash?

Developers
#1

@jeremyruston

There seems to be a clash between TW and Codemirror – not sure how to dig out the source of the CSS.

Note, two vertical scrollbars…

image
image283×611 2.96 KB

Form the image you can imagine how uncomfortable that is to use – the scrolling behaviour does not sync with cursor movement at all. Mousewheel seems fine.

In the devtools inspector…

image
image1209×629 66.2 KB

the highlighted line is the issue. Digging deeper…

image
image822×462 35.3 KB

Obviously, I can override that overflow:auto – when I do, the outer/erroneous scrollbar disappears.

Announcing the release of TiddlyWiki v5.3.2
#2

Just to confirm, that block of CSS beginning line 1591 in my last screenshot, is not present in 5.3.1.

#3

I take that back. There’s more to this than I thought. Overriding that setting breaks even more things (not least, mousewheel scrolling).

#4

These look related:

#5

Have you looked at the code mirror 6 CodeMirror 6 plugin Beta

#6

No. Not yet. Looking forward to it thought.

But if you’re suggesting applying a beta release plugin to a beta release TiddlyWiki, that, I would consider, is ill advised.

#7

@BurningTreeC has done some work in this area and may be able to comment.