RESOLVED CONFIGURATION CHANGED 134627
SVG webfont can be clipped when using translate3D 
https://bugs.webkit.org/show_bug.cgi?id=134627
Summary SVG webfont can be clipped when using translate3D
Antoine Pultier
Reported 2014-07-04 02:53:43 PDT
Created attachment 234395 [details] Screenshot on iOS 7.1.2 I tested it with Chrome, iOS 7.1.2 and Chrome Canary (I don't have a recent mac).
Attachments
Screenshot on iOS 7.1.2 (81.52 KB, image/png)
2014-07-04 02:53 PDT, Antoine Pultier 		no flags
Details
JsFIDDLE reproducing the bug (26 bytes, text/plain)
2014-07-04 02:54 PDT, Antoine Pultier 		no flags
Details
Safari 15.5 behaves like Chrome but differ slightly from Firefox (709.03 KB, image/png)
2022-06-30 13:41 PDT, Ahmad Saleem 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Antoine Pultier
Comment 1 2014-07-04 02:54:28 PDT
Created attachment 234396 [details] JsFIDDLE reproducing the bug
Antoine Pultier
Comment 2 2014-07-04 04:30:24 PDT
As additional information, I have also the issue if I have an opacity CSS3 animation on an element below the icon. But it's harder to reproduce the bug outside my application.
Ahmad Saleem
Comment 3 2022-06-30 13:41:47 PDT
Created attachment 460588 [details] Safari 15.5 behaves like Chrome but differ slightly from Firefox I tweaked the JSFiddle by removing -webkit- prefix and changing translate3D with translate3d into this: Link - https://jsfiddle.net/ugmxarfL/show I am not able to reproduce it on Safari 15.5 on macOS 12.4 and also on iOS 15.5 on iPhone 13 Pro Max. As per screenshot, it is matching with Chrome but Firefox has slight deviation and moving the text upward. There is no clipping like as attached in the screenshot of iOS behavior. I think it was fixed along the ways and can be marked as "RESOLVED CONFIGURATION CHANGED" unless if I am testing it incorrectly, in latter case, please retest accordingly. Thanks!
Note You need to log in before you can comment on or make changes to this bug.