Merge pull request #702 from integer32llc/no-scrollbar

Prevent expanding the window size when adjusting the split

Author: shepmaster

ui/frontend/Playground.module.css

@@ -40,6 +40,10 @@ $splitSecondaryDimension: 1fr;
 .splitRowsGutter {
   composes: -gutter;
   cursor: row-resize;
+}
+
+.splitRowsGutterHandle {
+  pointer-events: none;
   transform: rotate(90deg);
 }
 

ui/frontend/Playground.tsx

@@ -44,7 +44,9 @@ const SplitRows: React.SFC<SplitProps> = ({ resizeComplete }) => (
     }) => (
       <div className={styles.splitRows} {...getGridProps()}>
         <div className={styles.editor}><Editor /></div>
-        <div className={styles.splitRowsGutter} {...getGutterProps('row', 1)}>⣿</div>
+        <div className={styles.splitRowsGutter} {...getGutterProps('row', 1)}>
+          <span className={styles.splitRowsGutterHandle}>⣿</span>
+        </div>
         <div className={styles.output}><Output /></div>
       </div>
     )} />