228637 2021-07-30 06:40:08 -0700 Space too large when using icon font in ::after pseudo element 2021-08-27 01:17:12 -0700 1 1 1 Unclassified WebKit Text Safari Technology Preview Mac (Intel) macOS 11 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 benjaminkindle webkit-unassigned gsnedders mmaxfield webkit-bug-importer zalan oldest_to_newest 1780750 0 434620 benjaminkindle 2021-07-30 06:40:08 -0700 Created attachment 434620 Icon in ::after pseudo element Safari has different behavior from other browsers when displaying an icon with a space in a ::after pseudo element. When there is an element with `::after { content: ' icon_name'}`, most browsers add a small space before the icon, but Safari adds a large space. This seems to only be the case when the icon font used has a "zero" character with a width (normally used for the "ch" unit). 1780764 1 gsnedders 2021-07-30 07:06:01 -0700 What version/OS are you on, literalPie? I can't reproduce this on macOS 12 with ToT WebKit. 1780812 2 benjaminkindle 2021-07-30 08:52:15 -0700 I am on macOS 11.5.1, and I am seeing the issue in * Safari Version 14.1.2 (16611.3.10.1.3) as well as * Safari Technology preview Release 128 (Safari 15.0, WebKit 16612.1.22.11.3) However, I just checked and I am _not_ seeing the issue in iOS 15 Beta 4, so maybe it is fixed in the beta OSes? 1782474 3 webkit-bug-importer 2021-08-06 06:41:15 -0700 <rdar://problem/81614996> 1787971 4 mmaxfield 2021-08-27 01:17:12 -0700 I can't reproduce this either. I guess this should be marked as configuration changed. 434620 2021-07-30 06:40:08 -0700 2021-07-30 06:40:08 -0700 Icon in ::after pseudo element index.html text/html 740 benjaminkindle PCEtLSBUaGVyZSBhcmUgdHdvIGVsZW1lbnRzIHdpdGggdGhlIHRlc3QgInRlc3QiIGZvbGxvd2Vk IGJ5IGEgc3BhY2UgYW5kIGFuIGljb24uIFRoZSBzZWNvbmQgZWxlbWVudCB1c2VzIHRoZSA6OmFm dGVyIHBzZXVkby1lbGVtZW50IHRvIGFjY29tcGxpc2ggdGhpcy4KSW4gbW9zdCBicm93c2Vycywg dGhlIHR3byBlbGVtZW50cyBkaXNwbGF5IHRoZSBzYW1lLiBJbiBTYWZhcmksIHRoZXJlIGlzIGEg bGFyZ2VyIHNwYWNlIGJldHdlZW4gdGhlIHRleHQgYW5kIHRoZSBpY29uLiAtLT4KPCFkb2N0eXBl IGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgog IDx0aXRsZT5EZW1vPC90aXRsZT4KICA8YmFzZSBocmVmPSIvIj4KCiAgPGxpbmsgaHJlZj0iaHR0 cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9pY29uP2ZhbWlseT1NYXRlcmlhbCtJY29ucyIKICAg ICAgcmVsPSJzdHlsZXNoZWV0Ij4KPC9oZWFkPgo8Ym9keT4KICA8c3Bhbj4KICAgIHRlc3QKICAg IDxzcGFuIHN0eWxlPSJmb250LWZhbWlseTogJ01hdGVyaWFsIEljb25zJzsiPiBsYXVuY2g8L3Nw YW4+CiAgPC9zcGFuPgogIDxkaXYgY2xhc3M9Imljb24tYWZ0ZXIiPnRlc3Q8L2Rpdj4KPC9ib2R5 Pgo8c3R5bGU+CiAgLmljb24tYWZ0ZXI6OmFmdGVyIHsKICAgIGNvbnRlbnQ6ICcgbGF1bmNoJzsK ICAgIGZvbnQtZmFtaWx5OiAnTWF0ZXJpYWwgSWNvbnMnOwogIH0KPC9zdHlsZT4KPC9odG1sPgo=