Search code examples
vue.jscodemirrorquasar

Quasar Dialog with CodeMirror

I have code mirror working in a dialog but the line numbers and gutter spacing seems to be over the first 5 characters of the text.

enter image description here

as soon as you start typing the number jump to where they should be but the gutter part still stays and overlaps the content as you type

enter image description here

This only happens on dialogs, when i add the code mirror to normal page (out side of a dialog) it works 100%.

And reason why this is happening. I have added ‘refresh: true’ to the option and still does not help.

Thanks

Solution

  • Was searching everywhere and could not find any answer.

    Ended up using this and works perfectly.

    https://github.com/run-ze/vue-ace