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