[3578] Fix tooltip and menu visibility in a full screen mode

Bug: #3578 Signed-off-by: Denis Nikiforov <[email protected]>
eclipse-sirius · Sep 20, 2024 · 869968e · 869968e
1 parent 7d14f99
commit 869968e
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
@@ -152,6 +152,7 @@ As a result, the following maven modules have been deleted: `sirius-web-sample-a
 - https://github.com/eclipse-sirius/sirius-web/issues/3920[#3920] [form] Fix DateTime widget default style not set
 - https://github.com/eclipse-sirius/sirius-web/issues/3934[#3934] [diagram] Remove helper lines when moving pinned elements
 - https://github.com/eclipse-sirius/sirius-web/issues/3907[#3907] [diagram] Fix bad state update in handleNodesChange
+- https://github.com/eclipse-sirius/sirius-web/issues/3578[#3578] [diagram] Fix tooltip and menu visibility in a full screen mode
 
 === New Features
 

diff --git a/packages/sirius-web/frontend/sirius-web-application/src/theme/siriusWebTheme.ts b/packages/sirius-web/frontend/sirius-web-application/src/theme/siriusWebTheme.ts
@@ -69,6 +69,10 @@ export const baseTheme: Theme = createTheme({
   },
 });
 
+function container() {
+  return document.fullscreenElement ?? document.body;
+}
+
 export const siriusWebTheme = createTheme(
   {
     components: {
@@ -79,7 +83,17 @@ export const siriusWebTheme = createTheme(
           },
         },
       },
+      MuiMenu: {
+        defaultProps: {
+          container,
+        },
+      },
       MuiTooltip: {
+        defaultProps: {
+          PopperProps: {
+            container,
+          },
+        },
         styleOverrides: {
           tooltip: {
             backgroundColor: baseTheme.palette.common.black,

diff --git a/vscode-extension/src/view/app/theme/siriusWebTheme.ts b/vscode-extension/src/view/app/theme/siriusWebTheme.ts
@@ -69,6 +69,10 @@ export const baseTheme: Theme = createTheme({
   },
 });
 
+function container() {
+  return document.fullscreenElement ?? document.body;
+}
+
 export const siriusWebTheme = createTheme(
   {
     components: {
@@ -79,7 +83,17 @@ export const siriusWebTheme = createTheme(
           },
         },
       },
+      MuiMenu: {
+        defaultProps: {
+          container,
+        },
+      },
       MuiTooltip: {
+        defaultProps: {
+          PopperProps: {
+            container,
+          },
+        },
         styleOverrides: {
           tooltip: {
             backgroundColor: baseTheme.palette.common.black,