From 7008c0cef7b3b28639658fbb1d4ccc8d9eeab7f6 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 20 Aug 2025 14:20:33 -0400 Subject: [PATCH] Add `z-index` to scroller's content and shadows (#1338) * add z-index to content and shadows; fixes #1326 * remove unused property --- packages/webawesome/docs/docs/resources/changelog.md | 1 + packages/webawesome/src/components/scroller/scroller.css | 2 ++ 2 files changed, 3 insertions(+) diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md index 1a48287c5..59eb9e94e 100644 --- a/packages/webawesome/docs/docs/resources/changelog.md +++ b/packages/webawesome/docs/docs/resources/changelog.md @@ -26,6 +26,7 @@ Components with the Experimental badge sh - Fixed a bug in JSX typings that prevented the types file from being exported [pr:1295] - Fixed a bug in JSX typings that generated the incorrect component imports [issue:1303] - Fixed a bug in `` that prevented the thumb from receiving focus when clicking/tapping [issue:1312] +- Fixed a bug in `` that caused the shadow to appear below relatively-positioned elements [issue:1326] ## 3.0.0-beta.4 diff --git a/packages/webawesome/src/components/scroller/scroller.css b/packages/webawesome/src/components/scroller/scroller.css index 4fa130ec8..b7158c373 100644 --- a/packages/webawesome/src/components/scroller/scroller.css +++ b/packages/webawesome/src/components/scroller/scroller.css @@ -20,6 +20,7 @@ } #content { + z-index: 1; /* below shadows */ border-radius: inherit; scroll-behavior: smooth; scrollbar-width: thin; @@ -102,6 +103,7 @@ #start-shadow, #end-shadow { position: absolute; + z-index: 2; right: 0; left: 0; height: var(--shadow-size);