Fix innerClass issue in query editor result inspector

edgedb · Mar 18, 2024 · bdbc63d · bdbc63d
1 parent aaa8dfc
commit bdbc63d
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/shared/studio/tabs/queryEditor/index.tsx b/shared/studio/tabs/queryEditor/index.tsx
@@ -321,9 +321,17 @@ const ResultInspector = observer(function ResultInspector({
   const [height, setHeight] = useState(0);
   useResize(ref, ({height}) => setHeight(height));
 
+  const [innerClass, setInnerClass] = useState<Element | null>(null);
+
+  useEffect(() => {
+    setInnerClass(
+      ref.current!.querySelector(`.${inspectorStyles.innerWrapper}`)
+    );
+  }, [height]);
+
   return (
     <div ref={ref} style={{height: "100%", minWidth: 0, width: "100%"}}>
-      <CustomScrollbars innerClass={inspectorStyles.innerWrapper}>
+      <CustomScrollbars innerClass={innerClass}>
         <Inspector
           className={styles.inspector}
           state={state}