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
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.
<rdar://problem/79403215>