RESOLVED DUPLICATE of bug 68196 Bug 238983
Image border radius flickers during transition of images 
https://bugs.webkit.org/show_bug.cgi?id=238983
Summary Image border radius flickers during transition of images
Ishan Subedi
Reported 2022-04-07 22:07:20 PDT
I noticed this issue in a Vuetify component and opened an Issue on their Github page. Here's the link with all the information: https://github.com/vuetifyjs/vuetify/issues/14906 They suggested it's a webpack issue so I'm just forwarding the issue here.
Attachments
Add attachment proposed patch, testcase, etc.
Ishan Subedi
Comment 1 2022-04-07 22:11:22 PDT
Sorry, there's a typo in the description. I mean webkit not webpack
Sam Sneddon [:gsnedders]
Comment 2 2022-04-08 07:37:30 PDT
This is https://codepen.io/ikushum/pen/JjMrLwZ, from the bug. Looks like it's just using transformX with transition, and looks like while animating we're dropping the border-radius?
Sam Sneddon [:gsnedders]
Comment 3 2022-04-08 07:39:51 PDT
Also: this happens on my MacBook Pro (16-inch, 2019) too; probably not mobile-specific.
Simon Fraser (smfr)
Comment 4 2022-04-08 10:23:15 PDT
Probably a dup of bug 140535.
Radar WebKit Bug Importer
Comment 5 2022-04-14 22:08:12 PDT
<rdar://problem/91795504>
Ishan Subedi
Comment 6 2023-01-19 22:19:40 PST
Any updates on this? The UI is looking terrible on our website because of this.
Antoine Quint
Comment 7 2023-01-20 04:03:01 PST
This bug may be an ultimate duplicate of bug 68196. If that is the case, you should be able to try a recent Safari Technology Preview and confirm the bug is no longer reproducible. I tried with https://codepen.io/ikushum/pen/JjMrLwZ and it's working correctly.
Simon Fraser (smfr)
Comment 8 2023-01-20 10:25:32 PST
Yes, dup of bug 68196. *** This bug has been marked as a duplicate of bug 68196 ***
Note You need to log in before you can comment on or make changes to this bug.