238983 2022-04-07 22:07:20 -0700 Image border radius flickers during transition of images 2023-01-20 10:25:32 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 15 iPhone / iPad iOS 15 RESOLVED DUPLICATE 68196 https://bugs.webkit.org/show_bug.cgi?id=140535 InRadar P2 Normal --- 1 ikushum webkit-unassigned bfulgham graouts gsnedders simon.fraser webkit-bug-importer zalan oldest_to_newest 1859594 0 ikushum 2022-04-07 22:07:20 -0700 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. 1859596 1 ikushum 2022-04-07 22:11:22 -0700 Sorry, there's a typo in the description. I mean webkit not webpack 1859712 2 gsnedders 2022-04-08 07:37:30 -0700 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? 1859714 3 gsnedders 2022-04-08 07:39:51 -0700 Also: this happens on my MacBook Pro (16-inch, 2019) too; probably not mobile-specific. 1859782 4 simon.fraser 2022-04-08 10:23:15 -0700 Probably a dup of bug 140535. 1861719 5 webkit-bug-importer 2022-04-14 22:08:12 -0700 <rdar://problem/91795504> 1926813 6 ikushum 2023-01-19 22:19:40 -0800 Any updates on this? The UI is looking terrible on our website because of this. 1926862 7 graouts 2023-01-20 04:03:01 -0800 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. 1926957 8 simon.fraser 2023-01-20 10:25:32 -0800 Yes, dup of bug 68196. *** This bug has been marked as a duplicate of bug 68196 ***