Fixed Monaco editor issue where cursor was exponentially offset from actual location, only on Windows. This was resolved by specifying a fontFamily and fontSize in the Monaco editor options.

Co-authored-by: Justin Baik <bij3377@gmail.com>
Co-authored-by: Max Weisenberger <germanbluemax@gmail.com>
Co-authored-by: Mo Hmaidi <mhmaidi789@gmail.com>
Co-authored-by: Dieu Huynh <dieuhhuynh@gmail.com>

Author: 4 people

src/components/EditorView/EditorView.jsx

@@ -21,11 +21,14 @@ const Editor = () => {
     colorDecorators: true,
     wrappingIndent: 'indent',
     automaticLayout: true,
+    codeLens: true,
+    // Added specific fontfamily and fontsize to address Windows curson misalignment issue
+    fontFamily: 'courier new',
+    fontSize: 12,
   };
 
   const editorDidMount = () => {
     editor.setTheme('light-dark');
-    // editor.focus();
   };
 
   const updatafile = (newValue, e) => {

src/components/Modals/Modal.jsx

@@ -199,13 +199,13 @@ const Modal = ({
             and includes the following code:
             <br />
           </div>
-         <pre>
-              <div className="code-wrapper">
-                <code>
-                  {`module.exports = {presets: ['@babel/preset-env', '@babel/preset-react']}`};
-                </code>
-              </div>
-            </pre>
+          <pre>
+            <div className="code-wrapper">
+              <code>
+               {`module.exports = {presets: ['@babel/preset-env', '@babel/preset-react']}`}
+              </code>
+            </div>
+          </pre>
         </AccordionDetails>
       </Accordion>
       )