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

srmagura · web-flow · commit 672e93c4428a · 2024-01-29T13:11:18.000-05:00
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 {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-loading-skeleton",`
`3`		`- "version": "3.3.1",`
	`3`	`+ "version": "3.4.0",`
`4`	`4`	`"description": "Make beautiful, animated loading skeletons that automatically adapt to your app.",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"react",`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,6 @@`
`21`	`21`	`position: relative;`
`22`	`22`	`user-select: none;`
`23`	`23`	`overflow: hidden;`
`24`		`- z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */`
`25`	`24`	`}`
`26`	`25`
`27`	`26`	`.react-loading-skeleton::after {`