vue-codemirror
vue-codemirror copied to clipboard
surmon-china
Rendering issue
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.
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
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
you could use css preload <link rel="preload">
https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
I'm working on a Vuetify based Electron app, and facing the same problem.
I have the same problems as described above. Using CodeMirror + Vuetify. Any workarounds would be helpful.
Anyone still having this issue might be able to fix it by setting the fixedGutter property to false (it true by default)
