diff --git a/src/components/editor/SqlEditor.tsx b/src/components/editor/SqlEditor.tsx index a7893c0..9cc61f6 100644 --- a/src/components/editor/SqlEditor.tsx +++ b/src/components/editor/SqlEditor.tsx @@ -81,7 +81,11 @@ export function SqlEditor({ value, onChange, onExecute, onFormat, schema }: Prop onChange={handleChange} extensions={extensions} theme="dark" - className="h-full text-sm" + // height="100%" propagates down to .cm-editor so the inner .cm-scroller + // can render a vertical scrollbar; without it, long queries overflow the + // flex container and the editor cannot be scrolled. + height="100%" + className="h-full text-sm [&_.cm-editor]:h-full" basicSetup={{ lineNumbers: true, foldGutter: true,