From 73f5dba0ecc0495a52f8fafb0e0534735b88dfe9 Mon Sep 17 00:00:00 2001 From: vladimirpotekhin Date: Mon, 12 Feb 2024 17:54:38 +0300 Subject: [PATCH 1/2] fix(core): fix `:active` state of interactive elements in Safari --- projects/core/components/root/root.component.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts index 876a80f22287..714c198db8bd 100644 --- a/projects/core/components/root/root.component.ts +++ b/projects/core/components/root/root.component.ts @@ -35,6 +35,7 @@ import {debounceTime, map} from 'rxjs/operators'; '[class._ios]': 'isIOS', '[class._android]': 'isAndroid', '[class._reduced-motion]': 'reducedMotion', + '(touchstart.passive.silent)': '0', '[$.class._mobile]': 'isMobileRes$', '($.class._mobile)': 'isMobileRes$', }, From adea4735f438903b85a4ce05064e6ab24637f8e6 Mon Sep 17 00:00:00 2001 From: vladimirpotekhin Date: Mon, 12 Feb 2024 18:02:07 +0300 Subject: [PATCH 2/2] chore: add comment --- projects/core/components/root/root.component.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts index 714c198db8bd..1d5f974821fe 100644 --- a/projects/core/components/root/root.component.ts +++ b/projects/core/components/root/root.component.ts @@ -35,6 +35,7 @@ import {debounceTime, map} from 'rxjs/operators'; '[class._ios]': 'isIOS', '[class._android]': 'isAndroid', '[class._reduced-motion]': 'reducedMotion', + // Required for the :active state to work in Safari. https://stackoverflow.com/a/33681490 '(touchstart.passive.silent)': '0', '[$.class._mobile]': 'isMobileRes$', '($.class._mobile)': 'isMobileRes$',