I’m having problems getting active line highlighting and line wrapping to work. Every time I add them, the console logs error like this:
Uncaught TypeError: Cannot read property 'endSide' of null
at Bn.addInner (<anonymous>)
at Bn.add (<anonymous>)
at Function.of (<anonymous>)
at Function.set (<anonymous>)
at He.update [as updateF] (<anonymous>)
at Array.<anonymous> (<anonymous>)
at on (<anonymous>)
at new Tn (<anonymous>)
at Tn.applyTransaction (<anonymous>)
at yn.get state [as state] (<anonymous>)
But, due to using a bundler, I can’t get a better idea of where the error is. My code for it is:
Okay, more experimenting shows that the highlightActiveLine() has to be in a particular sequence in the loading of the extensions. It is now back in the order that I found in the basic setup. But, the current line is still not highlighted. But, I am using the one-dark theme. It might be an issue with it?
Line wrapping is a bigger puzzle right now. I’m not sure how to get it working at all. Help!
Okay. I’m solving some of it myself. Line wrapping is working now. But, I still can’t get active line highlighting to work. I guess I need to dive into theming? Does anyone know if the one-dark theme has an issue with active line highlighting?
Active line highlighting works with One Dark for me—it’s somewhat low-contrast, but should be visible unless you have a really dark screen. Inspect the DOM to see whether the line with the cursor has the cm-activeLine class, and to see how/if that is styled.
Okay, I’ve separated out just the CodeMirror component and a small app to contain it in Svelte. The smaller application doesn’t display anything funny and works really well. But the larger application does. But, in the larger app, I’m creating three different Codemirror components with different configs. I’ll do that and see what difference it makes in the smaller app.
Well, I created a stand alone app with just three editors with various configurations to match my main app. It doesn’t show any of the weirdness the main application does. The standalone version is here:
Not sure where to look for problems in the original app. Other components shouldn’t interfere with one another. The main program has 33 components. It is a migration from CodeMirror 5. Therefore, I’m guessing something is still lingering around from that?