Remove z-index: 1 because it is no longer necessary (#217)

dvtng · Jan 29, 2024 · 672e93c · 672e93c
1 parent c96a340
commit 672e93c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## 3.4.0
+
+### Features
+
+- Remove `z-index: 1` from the skeleton. This was a Safari-specific workaround that is no longer necessary in the latest versions of the browser. (#216)
+
 ## 3.3.1
 
 ### Bug Fixes

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-loading-skeleton",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "Make beautiful, animated loading skeletons that automatically adapt to your app.",
   "keywords": [
     "react",

diff --git a/src/skeleton.css b/src/skeleton.css
@@ -21,7 +21,6 @@
   position: relative;
   user-select: none;
   overflow: hidden;
-  z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
 }
 
 .react-loading-skeleton::after {