fix: conflicting zindex of linkoverlay with opacity (#5632)

* fix: conflicting zindex of linkbox with opacity * chore: add changeset
chakra-ui · Feb 24, 2022 · e4a990d · e4a990d · vercel · Feb 24, 2022
1 parent d6bed34
commit e4a990d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/nine-cars-sneeze.md b/.changeset/nine-cars-sneeze.md
@@ -0,0 +1,6 @@
+---
+"@chakra-ui/layout": patch
+---
+
+Fixed zIndex in LinkOverlay so that content in LinkBox can have an opacity below
+1
diff --git a/packages/layout/src/link-box.tsx b/packages/layout/src/link-box.tsx
@@ -27,7 +27,7 @@ export const LinkOverlay = forwardRef<LinkOverlayProps, "a">((props, ref) => {
           position: "absolute",
           top: 0,
           left: 0,
-          zIndex: 0,
+          zIndex: 1,
           width: "100%",
           height: "100%",
         },