Rendering issue

[rogeralsing]

I'm having some bad rendering going on in my app.

Opening the editor shows code like so. Here all text is selected, and the selection is completely off, it is not aligned to the actual text.

In this next image, the browser window is resized and the selection size is now correct. But, there are still some form of error with the gutter/linenumbers compared to the content, see how the first column of text is hidden behind the gutter.

Is there some known issues and fixes for this? If it matters, the editor is hosted inside a Vuetify based app.

if not, I will try to recreate a reproduction for this.

[uchm4n]

I had same issue in Vuetify based app. I fixed it rearranging css files. Reason is that when you import themes and addons it adds css files after your main css file. I move main css file in a body tag and now it works. don't know why is this happening but clearly it's a css bug

[esa89]

I had same issue in Vuetify based app. I fixed it rearranging css files. Reason is that when you import themes and addons it adds css files after your main css file. I move main css file in a body tag and now it works. don't know why is this happening but clearly it's a css bug

Hello @uC137 i am using vuetify too, i had an issue, in my web i must click the editor to show the code. Did you have same problem? if not, can you help me? before click

after click

[uchm4n]

you could use css preload <link rel="preload">
https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content

[skyzhao1223]

I'm working on a Vuetify based Electron app, and facing the same problem.

[floydqwz]

I have the same problems as described above. Using CodeMirror + Vuetify. Any workarounds would be helpful.

[topeysoft]

Anyone still having this issue might be able to fix it by setting the fixedGutter property to false (it true by default)

[bitbw]

仍然有此问题的任何人都可以通过将fixedGutter属性设置为false（默认情况下为 true）来修复它

Yes, but why