RESOLVED CONFIGURATION CHANGED 244337
border-radius changes during CSS transition with opacity change 
https://bugs.webkit.org/show_bug.cgi?id=244337
Summary border-radius changes during CSS transition with opacity change
Jon Lee
Reported 2022-08-25 09:55:53 PDT
On STP 152 Load https://mattfarley.ca Scroll to "My Recent Work" section Hover over cards The corners toggle between rounded and square corners during the animation. This does not happen in Chrome or Firefox.
Attachments
test case showing the glitch in the transition (727 bytes, text/html)
2022-08-28 20:08 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2022-08-26 18:21:56 PDT
Same behavior with built-in Safari on macOS 12.5.1
Karl Dubost
Comment 2 2022-08-28 20:08:50 PDT
Created attachment 461959 [details] test case showing the glitch in the transition Confirmed. Here a reduced test case.
Karl Dubost
Comment 3 2022-08-28 20:10:31 PDT
Both Gecko and Blink make the transition without resetting the border-radius. WebKit seems to reset the border-radius at the beginning of the transition, then reapply the border-radius.
Radar WebKit Bug Importer
Comment 4 2022-08-28 20:10:41 PDT
<rdar://problem/99259440>
Simon Fraser (smfr)
Comment 5 2022-08-28 20:45:40 PDT
I think this is bug 140535.
Ahmad Saleem
Comment 6 2023-01-14 16:03:40 PST
I am unable to reproduce this bug in Safari Technology Preview 161 while it is reproducible in Safari 16.2. Marking this as "RESOLVED CONFIGURATION CHANGED". Please reopen, if it is still reproducible. Thanks!
Jon Lee
Comment 7 2023-01-15 12:35:44 PST
Confirmed it doesn't repro in STP 161.
Note You need to log in before you can comment on or make changes to this bug.