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 | ||
Ishan Subedi
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
Sorry, there's a typo in the description. I mean webkit not webpack
Sam Sneddon [:gsnedders]
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]
Also: this happens on my MacBook Pro (16-inch, 2019) too; probably not mobile-specific.
Simon Fraser (smfr)
Probably a dup of bug 140535.
Radar WebKit Bug Importer
<rdar://problem/91795504>
Ishan Subedi
Any updates on this? The UI is looking terrible on our website because of this.
Antoine Quint
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)
Yes, dup of bug 68196.
*** This bug has been marked as a duplicate of bug 68196 ***