docs: added relevant comment (#934)

mfranzke · web-flow · commit 71e0da225872 · 2024-08-19T09:51:27.000+02:00
we need to explain the solution
diff --git a/source/_patterns/00-base/icons/_icons.helpers.scss b/source/_patterns/00-base/icons/_icons.helpers.scss
@@ -35,6 +35,7 @@
 		content: var(--icon-glyph-#{$position});
 		@supports (content: ""/"") {
 			// Hiding icon from screenreaders
+			// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766
 			content: var(--icon-glyph-#{$position}) / ""; // https://www.w3.org/TR/css-content-3/#alt
 		}
 

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@`
`35`	`35`	`content: var(--icon-glyph-#{$position});`
`36`	`36`	`@supports (content: ""/"") {`
`37`	`37`	`// Hiding icon from screenreaders`
	`38`	`+ // We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of Safari: https://github.com/db-ui/core/pull/766`
`38`	`39`	`content: var(--icon-glyph-#{$position}) / ""; // https://www.w3.org/TR/css-content-3/#alt`
`39`	`40`	`}`
`40`	`41`