Fixed #1 (Resize breaks editor lines)

nocategory · Jun 5, 2017 · 7f36a96 · 7f36a96
1 parent 4097aea
commit 7f36a96
Showing 1 changed file with 1 addition and 15 deletions.
diff --git a/app/components/Editor/index.js b/app/components/Editor/index.js
@@ -92,21 +92,7 @@ class MonacoEditor extends React.Component {
         ...options,
       });
       window.addEventListener('resize', () => {
-        const editorNode = document.getElementsByClassName(containerElement.className)[0];
-        const parent = editorNode.parentElement;
-        editorNode.style.width = `${parent.clientWidth}px`;
-        editorNode.style.height = `${parent.clientHeight}px`;
-
-        editorNode.firstElementChild.style.width = `${parent.clientWidth}px`;
-        editorNode.firstElementChild.style.height = `${parent.clientHeight}px`;
-
-        editorNode.firstElementChild.firstElementChild.style.width = `${parent.clientWidth}px`;
-        editorNode.firstElementChild.firstElementChild.style.height = `${parent.clientHeight}px`;
-
-        editorNode.firstElementChild.firstElementChild.firstElementChild.style.width = `${parent.clientWidth}px`;
-        editorNode.firstElementChild.firstElementChild.firstElementChild.style.height = `${parent.clientHeight}px`;
-
-        editorNode.getElementsByClassName('monaco-scrollable-element')[0].style.width = `${parent.clientWidth - 46}px`;
+        this.editor.layout();
       });
       // After initializing monaco editor
       this.editorDidMount(this.editor, context.monaco);