Bug 238983

Summary:	Image border radius flickers during transition of images
Product:	WebKit	Reporter:	Ishan Subedi <ikushum>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	bfulgham, graouts, gsnedders, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 15
Hardware:	iPhone / iPad
OS:	iOS 15
See Also:	https://bugs.webkit.org/show_bug.cgi?id=140535

Description Ishan Subedi 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.

Comment 1 Ishan Subedi 2022-04-07 22:11:22 PDT

Sorry, there's a typo in the description. I mean webkit not webpack

Comment 2 Sam Sneddon [:gsnedders] 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?

Comment 3 Sam Sneddon [:gsnedders] 2022-04-08 07:39:51 PDT

Also: this happens on my MacBook Pro (16-inch, 2019) too; probably not mobile-specific.

Comment 4 Simon Fraser (smfr) 2022-04-08 10:23:15 PDT

Probably a dup of bug 140535.

Comment 5 Radar WebKit Bug Importer 2022-04-14 22:08:12 PDT

<rdar://problem/91795504>

Comment 6 Ishan Subedi 2023-01-19 22:19:40 PST

Any updates on this? The UI is looking terrible on our website because of this.

Comment 7 Antoine Quint 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.

Comment 8 Simon Fraser (smfr) 2023-01-20 10:25:32 PST

Yes, dup of bug 68196.

*** This bug has been marked as a duplicate of bug 68196 ***