Bug 226825

Summary: Some ligature icons in SVG text elements are not shown
Product: WebKit Reporter: literalPie <benjaminkindle>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, benjaminkindle, mmaxfield, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar, LayerBasedSVGEngine
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 11   
Attachments:
Description Flags
a minimal reproduction of the issue. 4 icons and the text "hi" should be shown, but only 3 icons (and "hi") are shown none

literalPie
Reported 2021-06-09 10:02:29 PDT
Created attachment 430972 [details] a minimal reproduction of the issue. 4 icons and the text "hi" should be shown, but only 3 icons (and "hi") are shown With some icon fonts, the icons are not shown if they are put inside an SVG text element. I have an example that shows that an icon from the Material Icons set works fine, but an icon from an icon set that I made myself does not work. This is only an issue in Safari. The icon loads as expected in Chrome and Firefox. This is an issue in every version of Safari I have tested: * 14.1.1 (16611.2.7.1.4) * Technology preview Release 125 (Safari 14.2, WebKit 16612.1.15.1.12) * iPadOS 14.4 (iPad Pro 9.7 inch Simulator) * iPadOS 13.0 - *the top: 1px workaround does not work* but everything else behaves the same
Attachments
a minimal reproduction of the issue. 4 icons and the text "hi" should be shown, but only 3 icons (and "hi") are shown (2.77 KB, text/html)
2021-06-09 10:02 PDT, literalPie 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
literalPie
Comment 1 2021-06-09 10:06:03 PDT
In addition to showing the issue, the reproduction shows that this issue can be worked around by adding 'overflow: scroll' and 'top: 1px' to the svg and text element respectively.
Radar WebKit Bug Importer
Comment 2 2021-06-16 10:03:20 PDT
<rdar://problem/79403215>
Note You need to log in before you can comment on or make changes to this bug.