Code Mirror rendering weird Rails 6


I’ve been trying to get code mirror to work on my rails 6 app but its not displaying properly and whenever I type inside of it the container almost doubles in size. Aslo there are random X’s that are displaying inside of the editor. I was wondering if someone could help me get this working or understand what I did to mess it up.

I have this is in my application.js file

import CodeMirror from “codemirror/lib/codemirror”;
window.CodeMirror = CodeMirror;
import ‘codemirror/mode/htmlmixed/htmlmixed’;
import ‘codemirror/theme/darcula’;

Here is my html.erb file.

Here is the rendered html

Here is the what it looks like

You’re almost certainly not loading codemirror.css

1 Like

wow you’re right there was a problem with the import.