fix(Underlay): z-index

tenphi · tenphi · commit 19628dc59904 · 2025-03-03T10:44:54.000+01:00
diff --git a/.changeset/soft-laws-camp.md b/.changeset/soft-laws-camp.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Fix Underlay's zIndex so modal dialogs can be stackable.
diff --git a/src/components/overlays/Modal/Underlay.tsx b/src/components/overlays/Modal/Underlay.tsx
@@ -13,7 +13,7 @@ const UnderlayElement = tasty({
     right: 0,
     bottom: 0,
     left: 0,
-    zIndex: 9,
+    zIndex: 10,
     transitionDelay: '0ms',
     opacity: {
       '': 0,
diff --git a/src/components/portal/Portal.tsx b/src/components/portal/Portal.tsx
@@ -21,7 +21,7 @@ import { usePortal } from './usePortal';
  *    Portal will be rendered outside me!
  *
  *    <Portal>
- *      <div>some content will be showed outside of parent container</div>
+ *      <div>some content will be shown outside the parent container</div>
  *    </Portal>
  *  </div>
  * ```

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@cube-dev/ui-kit': patch
 +---
++
 +Fix Underlay's zIndex so modal dialogs can be stackable.
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ import { usePortal } from './usePortal';`
`21`	`21`	`* Portal will be rendered outside me!`
`22`	`22`	`*`
`23`	`23`	`* <Portal>`
`24`		`- * <div>some content will be showed outside of parent container</div>`
	`24`	`+ * <div>some content will be shown outside the parent container</div>`
`25`	`25`	`* </Portal>`
`26`	`26`	`* </div>`
`27`	`27`	* ```