Allow scrolling the page when over the monaco editor (#719)

mui · Aug 2, 2022 · f00a26b · f00a26b
1 parent 67f1dd2
commit f00a26b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/toolpad-app/src/components/MonacoEditor.tsx b/packages/toolpad-app/src/components/MonacoEditor.tsx
@@ -280,15 +280,17 @@ export default React.forwardRef<MonacoEditorHandle, MonacoEditorProps>(function
 
     const extraOptions: EditorOptions = {
       readOnly: disabled,
+      scrollbar: {
+        alwaysConsumeMouseWheel: false,
+        ...options?.scrollbar,
+      },
       ...options,
     };
 
     let instance = instanceRef.current;
 
     if (instance) {
-      if (extraOptions) {
-        instance.updateOptions(extraOptions);
-      }
+      instance.updateOptions(extraOptions);
 
       const model = instance.getModel();
       if (typeof value === 'string' && model) {