226825 2021-06-09 10:02:29 -0700 Some ligature icons in SVG text elements are not shown 2023-10-03 15:07:53 -0700 1 1 1 Unclassified WebKit SVG Safari 14 Mac (Intel) macOS 11 NEW InRadar, LayerBasedSVGEngine P2 Normal --- 1 benjaminkindle webkit-unassigned ahmad.saleem792 benjaminkindle mmaxfield webkit-bug-importer zimmermann oldest_to_newest 1768213 0 430972 benjaminkindle 2021-06-09 10:02:29 -0700 Created attachment 430972 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 1768216 1 benjaminkindle 2021-06-09 10:06:03 -0700 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. 1770234 2 webkit-bug-importer 2021-06-16 10:03:20 -0700 <rdar://problem/79403215> 430972 2021-06-09 10:02:29 -0700 2021-06-09 10:02:29 -0700 a minimal reproduction of the issue. 4 icons and the text "hi" should be shown, but only 3 icons (and "hi") are shown index.html text/html 2835 benjaminkindle PGh0bWw+CiAgPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICAgIDxzdHlsZT4K ICAgICAgQGZvbnQtZmFjZSB7CiAgICAgICAgZm9udC1mYW1pbHk6ICJOb3QgV29ya2luZyBJY29u cyI7CiAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsOwogICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7 CiAgICAgICAgLyogVGhpcyBpcyBhIHNpbXBsZSBpY29uIGZvbnQgY3JlYXRlZCB1c2luZyBpY29u LWZvbnQtYnVpbGRyIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWJpb3NwYW1waW5hdG8vaWNvbi1mb250 LWJ1aWxkciAqLwogICAgICAgIC8qICJub3Qtd29ya2luZy1pY29ucy53b2ZmMiIgaW5jbHVkZXMg b25lIGljb24gd2l0aCB0aGUgbGlnYXR1cmUgImFsYXJtIiAqLwogICAgICAgIHNyYzogdXJsKGh0 dHBzOi8vczMuYW1hem9uYXdzLmNvbS93d3cubGl0ZXJhbHBpZS5jb20vbm90LXdvcmtpbmctaWNv bnMud29mZjIpCiAgICAgICAgICBmb3JtYXQoIndvZmYyIik7CiAgICAgIH0KCiAgICAgIEBmb250 LWZhY2UgewogICAgICAgIGZvbnQtZmFtaWx5OiAiTWF0ZXJpYWwgSWNvbnMiOwogICAgICAgIGZv bnQtc3R5bGU6IG5vcm1hbDsKICAgICAgICBmb250LXdlaWdodDogNDAwOwogICAgICAgIHNyYzog dXJsKGh0dHBzOi8vZm9udHMuZ3N0YXRpYy5jb20vcy9tYXRlcmlhbGljb25zL3Y4OC9mbFVoUnE2 dHpaY2xRRUotVmRnLUl1aWFEc05jSWhROHRRLndvZmYyKQogICAgICAgICAgZm9ybWF0KCJ3b2Zm MiIpOwogICAgICB9CgogICAgICAuaWNvbi1jb250YWluZXIgewogICAgICAgIGhlaWdodDogMjAw cHg7CiAgICAgICAgYm9yZGVyOiBzb2xpZCAxcHggYmxhY2s7CiAgICAgIH0KCiAgICAgIC5leGFt cGxlLWljb24gewogICAgICAgIHdpZHRoOiAxNTBweDsKICAgICAgICBoZWlnaHQ6IDE1MHB4Owog ICAgICAgIGZvbnQtc2l6ZTogMTUwcHg7CiAgICAgIH0KCiAgICAgIC5leGFtcGxlLWljb24ubWF0 ZXJpYWwgewogICAgICAgIGZvbnQtZmFtaWx5OiAiTWF0ZXJpYWwgSWNvbnMiOwogICAgICB9Cgog ICAgICAuZXhhbXBsZS1pY29uLm5vdC13b3JraW5nIHsKICAgICAgICBmb250LWZhbWlseTogIk5v dCBXb3JraW5nIEljb25zIjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2hlYWQ+CgogIDxib2R5 PgogICAgPGRpdj4KICAgICAgVGhlIG1hdGVyaWFsIGljb24gd29ya3MsIGJ1dCB0aGUgIm5vdC13 b3JraW5nLWljb25zIiBpY29uIHdpdGggZXF1YWwKICAgICAgc3R5bGVzIHdpbGwgbm90IHdvcms6 CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9Imljb24tY29udGFpbmVyIj4KICAgICAgPHN2ZyB3 aWR0aD0iMTUwcHgiIGhlaWdodD0iMTUwcHgiPgogICAgICAgIDx0ZXh0CiAgICAgICAgICBsZW5n dGhBZGp1c3Q9InNwYWNpbmdBbmRHbHlwaHMiCiAgICAgICAgICB5PSIxNTAiCiAgICAgICAgICBj bGFzcz0iZXhhbXBsZS1pY29uIG1hdGVyaWFsIgogICAgICAgID4KICAgICAgICAgIGFsYXJtCiAg ICAgICAgPC90ZXh0PgogICAgICA8L3N2Zz4KICAgIDwvZGl2PgogICAgPGRpdj4KICAgICAgVGhp cyBpY29uIHNob3VsZCBiZSB0aGUgc2FtZSBhcyB0aGUgbWF0ZXJpYWwgaWNvbiwgYnV0IGl0IGRv ZXNuJ3Qgc2hvdyBhdAogICAgICBhbGw6CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9Imljb24t Y29udGFpbmVyIj4KICAgICAgPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTUwcHgiPgogICAg ICAgIDx0ZXh0CiAgICAgICAgICBsZW5ndGhBZGp1c3Q9InNwYWNpbmdBbmRHbHlwaHMiCiAgICAg ICAgICB5PSIxNTAiCiAgICAgICAgICBjbGFzcz0iZXhhbXBsZS1pY29uIG5vdC13b3JraW5nIgog ICAgICAgID4KICAgICAgICAgIGFsYXJtCiAgICAgICAgPC90ZXh0PgogICAgICA8L3N2Zz4KICAg IDwvZGl2PgogICAgVGhpcyBpY29uIHNob3dzIHRoYXQgeW91IGNhbiB3b3JrYXJvdW5kIHRoZSBp c3N1ZSB3aXRoICdvdmVyZmxvdzogc2Nyb2xsJwogICAgYW5kICd0b3A6IDFweCcuIFJlbW92aW5n IGVpdGhlciBvZiB0aGVzZSBzdHlsZXMgY2F1c2VzIHRoZSBpY29uIHRvIG5vdCBzaG93OgogICAg PGRpdiBjbGFzcz0iaWNvbi1jb250YWluZXIiPgogICAgICA8ZGl2IHN0eWxlPSJvdmVyZmxvdzog c2Nyb2xsIj4KICAgICAgICA8c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgc3R5bGU9 InBvc2l0aW9uOiByZWxhdGl2ZTsgdG9wOiAxcHgiPgogICAgICAgICAgPHRleHQKICAgICAgICAg ICAgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nQW5kR2x5cGhzIgogICAgICAgICAgICB5PSIxNTAiCiAg ICAgICAgICAgIGNsYXNzPSJleGFtcGxlLWljb24gbm90LXdvcmtpbmciCiAgICAgICAgICA+CiAg ICAgICAgICAgIGFsYXJtCiAgICAgICAgICA8L3RleHQ+CiAgICAgICAgPC9zdmc+CiAgICAgIDwv ZGl2PgogICAgPC9kaXY+CiAgICBUaGlzIGV4YW1wbGUgc2hvd3MgdGhhdCB0aGUgaXNzdWUgZG9l cyBub3QgaGFwcGVuIGZvciBhIHRleHQgZm9udAogICAgPGRpdiBjbGFzcz0iaWNvbi1jb250YWlu ZXIiPgogICAgICA8c3ZnIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCI+CiAgICAgICAgPHRl eHQgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nQW5kR2x5cGhzIiB5PSIxNTAiIGNsYXNzPSJleGFtcGxl LWljb24iPgogICAgICAgICAgSGkKICAgICAgICA8L3RleHQ+CiAgICAgIDwvc3ZnPgogICAgPC9k aXY+CiAgICBUaGlzIGV4YW1wbGUgc2hvd3MgdGhhdCBpY29uIGZvbnQgd29ya3Mgb3V0c2lkZSBT VkcgZWxlbWVudHMKICAgIDxkaXYgY2xhc3M9Imljb24tY29udGFpbmVyIGV4YW1wbGUtaWNvbiBu b3Qtd29ya2luZyI+YWxhcm08L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4K