NEW 255277
CSS active state pseudo class active during touch scrolling 
https://bugs.webkit.org/show_bug.cgi?id=255277
Summary CSS active state pseudo class active during touch scrolling
stefan.luedin
Reported 2023-04-11 02:58:12 PDT
On touchscreen devices, the CSS :active state pseudo class remains active while the user scrolls with touch gestures by drag and hold. This behaviour is unexpected, as the active state should be disabled if the user moves the touch point. Steps to Reproduce: 1. Open a webpage with a clickable element that has an active state defined in CSS, such as a button. 2. On a touchscreen device, touch and hold the clickable element to activate its active state. 3. Without lifting the finger, move it to scroll the page. 4. Observe that the active state of the element remains active even though the touch point has moved. Expected Result: The active state of the element should be disabled as soon as the user moves the touch point to scroll the page. Actual Result: The active state of the element remains active even though the touch point has moved to scroll the page. Environment: Device: iPhone (all variants) OS: iOS 16/ iOS 15 Browser: Safari iOS
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-04-18 02:59:18 PDT
<rdar://problem/108189541>
Note You need to log in before you can comment on or make changes to this bug.