Merge pull request #331 from greggman/gui-to-front

Make GUI appear on top of other elements
webgpu · Nov 23, 2023 · 6682d94 · 6682d94
2 parents e59b766 + c6a94aa
commit 6682d94
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/SampleLayout.tsx b/src/components/SampleLayout.tsx
@@ -90,7 +90,11 @@ const SampleLayout: React.FunctionComponent<
     if (props.gui && process.browser) {
       // eslint-disable-next-line @typescript-eslint/no-var-requires
       const dat = require('dat.gui');
-      return new dat.GUI({ autoPlace: false });
+      const gui = new dat.GUI({ autoPlace: false });
+      // HACK: Make
+      gui.domElement.style.position = 'relative';
+      gui.domElement.style.zIndex = '1000';
+      return gui;
     }
     return undefined;
   }, []);