[Webkit-unassigned] [Bug 242510] Render issue with CSS media-query targeting prefers-reduced-motion and with reduce motion enabled

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 11 06:04:27 PDT 2022


https://bugs.webkit.org/show_bug.cgi?id=242510

--- Comment #2 from Stuart Colville <stuart at muffinresearch.co.uk> ---
(In reply to Stuart Colville from comment #1)
> A workaround is to use `transition-duration: 0s` see
> https://jsbin.com/buzoseq/9/edit?html,css,js,output

Actually, this workaround isn't viable, a non-zero value is still needed otherwise transition events don't fire. 

`transition-duration: 0.01ms` seems to work (and still fires ontransitionrun and ontransitionend whereas `transition-duration: 0.001ms` causes the visibility issue (though this needs further testing - it works on desktop Safari).

Here's an updated test-case using `transition-duration: 0.01ms` and showing the events firing: https://jsbin.com/buzoseq/19/edit?html,css,js,console,output

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220711/5fce980e/attachment.htm>


More information about the webkit-unassigned mailing list