From bda69c95d81689548c8dc7f9533a84d3fb6be725 Mon Sep 17 00:00:00 2001
From: Benoit Simard <contact@bsimard.com>
Date: Fri, 23 Aug 2024 10:51:01 +0200
Subject: [PATCH] [storybook] fix events-shadowdom example for mouse canvas

Put the mouse canvas on top with zIndex, and remove unecessary style
---
 packages/storybook/stories/events-shadowdom/index.html | 7 +------
 packages/storybook/stories/events-shadowdom/index.ts   | 3 +++
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/storybook/stories/events-shadowdom/index.html b/packages/storybook/stories/events-shadowdom/index.html
index fe558a2dc..62c7580a1 100644
--- a/packages/storybook/stories/events-shadowdom/index.html
+++ b/packages/storybook/stories/events-shadowdom/index.html
@@ -1,8 +1,7 @@
 <style>
   html,
   body,
-  #storybook-root,
-  #sigma-container {
+  #storybook-root {
     width: 100%;
     height: 100%;
     margin: 0;
@@ -10,13 +9,9 @@
     overflow: hidden;
     font-family: sans-serif;
   }
-  #sigma-container .sigma-mouse {
-    z-index: 100;
-  }
   #sigma-logs {
     position: absolute;
     top:0;
-    max-height: 20%;
     overflow: hidden;
   }
   #sigma-logs > div {
diff --git a/packages/storybook/stories/events-shadowdom/index.ts b/packages/storybook/stories/events-shadowdom/index.ts
index 7d1782646..137decbc1 100644
--- a/packages/storybook/stories/events-shadowdom/index.ts
+++ b/packages/storybook/stories/events-shadowdom/index.ts
@@ -72,6 +72,9 @@ export default () => {
           },
         });
 
+        // Put the mouse canvas on top, so events can be catched even if the logs container is in front
+        renderer.getCanvases().mouse.style.cssText = "z-index: 100; position: absolute";
+
         const nodeEvents = [
           "enterNode",
           "leaveNode",