| Summary: | Element flickers when transitioning boxShadow with large spread value | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Ethan Wong <bunnnywong> | ||||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | RESOLVED MOVED | ||||||||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, sabouhallawa, simon.fraser, webkit-bug-importer, zalan | ||||||
| Priority: | P2 | Keywords: | InRadar | ||||||
| Version: | Safari 17 | ||||||||
| Hardware: | Mac (Apple Silicon) | ||||||||
| OS: | macOS 14 | ||||||||
| Attachments: |
|
||||||||
Created attachment 468762 [details]
screen recording for the flickering issue
Thanks for the report. This is a bug in a system component below webkit. The actual work for this fix was done under <rdar://118793261>. |
Created attachment 468761 [details] a page to reproduce the flickering issue Element flickers when transitioning `box-shadow` with a large spread value, see the attached html file and screen recording. This issue happens when the element has non-zero `border-radius` and non-integer `margin`s. It happens only on macOS 14. Force using using `PathRoundedRect::Strategy::PreferBezier` for `PathCG::addRoundedRect(const FloatRoundedRect&, PathRoundedRect::Strategy)` seems to work around this issue.