Codemirror Can't Type To The Editor

The problem is that after initialising codemirror plugin i cannot type to the editor if textatea in css is set as display:none;, these are the steps i follow: a) create and append

Solution 1:

CodeMirror focuses a hidden textarea to handle user input. Your rule will match that element and set it to display none, which means it can not be focused, and thus, you can't focus your CodeMirror instance.

Use a more specific CSS selector, for example by adding a class to your textarea, to so that you only hide the textarea that you created.