fix(ui5-button): remove tap highlight on safari (#10786)

tsanislavgatev · web-flow · commit ac83d60ab0fe · 2025-02-06T15:49:56.000+02:00
Before: When you click on button on mobile in safari, there was a gray rectangle appearing on touch end. https://github.com/user-attachments/assets/40450726-eb4d-4122-9a70-7c3355dbc08f After: https://github.com/user-attachments/assets/0385a6a9-0b28-450a-80d5-8dcbfd78b7c8 fixes: #10777
diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css
@@ -21,6 +21,7 @@
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
+	-webkit-tap-highlight-color: transparent;
 }
 
 .ui5-button-root {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`white-space: nowrap;`
`22`	`22`	`overflow: hidden;`
`23`	`23`	`text-overflow: ellipsis;`
	`24`	`+ -webkit-tap-highlight-color: transparent;`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`.ui5-button-root {`