Skip to content

Commit fd00178

Browse files
authored
fix(icon): remove legacy ie overflow css causing ios clipping issues (#2974)
It was reported that this normalize CSS for IE 9/10/11, in SWC which converts to the selector :host(:not(:root)), was causing problems with clipping in iOS mobile for Express as well as on Safari on MacOS. This is safe to remove as the project does not support IE 11.
1 parent 34c3ab2 commit fd00178

File tree

2 files changed

+6
-5
lines changed

2 files changed

+6
-5
lines changed

.changeset/lucky-dots-live.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@spectrum-css/icon": patch
3+
---
4+
5+
Removes legacy normalization CSS for Icon SVGs that changed the overflow property. This is to fix a reported issue with clipping in iOS mobile for Express and Safari for MacOS.
6+
The original CSS declaration was for Internet Explorer 9/10/11 and could be removed because IE 11 is not supported.

components/icon/icons.css

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,11 +26,6 @@
2626
/* Fill should match the current text color. */
2727
fill: currentColor;
2828

29-
/* Hide the SVG overflow in IE. */
30-
&:not(:root) {
31-
overflow: hidden;
32-
}
33-
3429
/* Don't catch clicks or hover, otherwise they may not escape the SVG. */
3530
pointer-events: none;
3631
}

0 commit comments

Comments
 (0)