Merge pull request #131 from festim-dev/python-editor-scroll

Python editor scrollable

Author: RemDelaporteMathurin

src/components/PythonCodeEditor.jsx

@@ -63,7 +63,27 @@ const PythonCodeEditor = ({
       </div>
 
       <div className="editor-container" style={{ height }}>
-        <CodeMirror value={code} onChange={handleCodeChange} extensions={[python({ python: true })]} theme={vscodeDark} options={{ fontSize: 24 }}/>
+        <CodeMirror 
+          value={code} 
+          onChange={handleCodeChange} 
+          extensions={[python({ python: true })]} 
+          theme={vscodeDark} 
+          basicSetup={{
+            lineNumbers: true,
+            foldGutter: true,
+            dropCursor: false,
+            allowMultipleSelections: false,
+            indentOnInput: true,
+            bracketMatching: true,
+            closeBrackets: true,
+            autocompletion: true,
+            highlightSelectionMatches: true,
+          }}
+          style={{
+            fontSize: '14px',
+            height: '100%',
+          }}
+        />
       </div>
 
       {executionResult && (

src/styles/PythonCodeEditor.css

@@ -47,6 +47,22 @@
 .editor-container {
   border-radius: 0 0 8px 8px;
   overflow: hidden;
+  position: relative;
+}
+
+.editor-container .cm-editor {
+  height: 100% !important;
+  overflow: auto !important;
+}
+
+.editor-container .cm-scroller {
+  overflow: auto !important;
+  max-height: 100% !important;
+}
+
+.editor-container .cm-content {
+  padding: 8px 0;
+  min-height: 100% !important;
 }
 
 .execution-result {