| Summary: | Some ligature icons in SVG text elements are not shown | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | literalPie <benjaminkindle> | ||||
| Component: | SVG | Assignee: | 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: |
|
||||||
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. |
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