From 39043a9e5550ce5eb2049eb00b0a2476825d6fdb Mon Sep 17 00:00:00 2001
From: Nikola Anachkov <nikola.anachkov@sap.com>
Date: Tue, 30 Sep 2025 15:50:14 +0300
Subject: [PATCH] fix(ui5-dynamic-page): prevent z-index conflicts with
 external components

---
 packages/fiori/src/themes/DynamicPage.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/fiori/src/themes/DynamicPage.css b/packages/fiori/src/themes/DynamicPage.css
index d31853733889..4cfabbdb2fb1 100644
--- a/packages/fiori/src/themes/DynamicPage.css
+++ b/packages/fiori/src/themes/DynamicPage.css
@@ -2,13 +2,14 @@
     position: sticky;
     top: 0;
      /* We need the z-index to be higher than in the header actions, to avoid overlapping by snap on scroll */
-    z-index: 98;
+    z-index: 3;
 }
 
 :host {
     display: block;
     height: 100%;
     background-color: var(--ui5_dynamic_page_background);
+    isolation: isolate;
 }
 
 .ui5-dynamic-page-root {
@@ -47,7 +48,7 @@
     bottom: 0;
     padding: 0 0.5rem 0.5rem 0.5rem;
     box-sizing: border-box;
-    z-index: 110;
+    z-index: 2;
     opacity: 0;
     transform: translateY(100%);
     transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;