147976 2015-08-13 08:07:32 -0700 initial-letter fails to exclude text around glyph bounding box 2022-07-24 13:47:51 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac OS X 10.9 RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 dauwhe webkit-unassigned ahmad.saleem792 ap bfulgham eoconnor hyatt mmaxfield rniwa simon.fraser webkit-bug-importer oldest_to_newest 1117220 0 258888 dauwhe 2015-08-13 08:07:32 -0700 Created attachment 258888 HTML file showing crash between italic initial letter and subsequent text. If an initial letter is created using a glyph that extends beyond the em box, the initial letter may overlap document text. The spec says, "Text is therefore excluded around the glyph bounding boxes of the initial letters." [1] Testing with an italic initial letter can sometimes show this problem (test file attached). Some fonts (especially script fonts like Zapfino which may have negative side bearing) are also good test candidates. Dave [1] https://drafts.csswg.org/css-inline/#initial-letter-exclusions 1129335 1 webkit-bug-importer 2015-09-29 12:22:37 -0700 <rdar://problem/22901550> 1886379 2 ahmad.saleem792 2022-07-24 11:20:39 -0700 If from above attached test case, I remove -webkit- then all browsers behave same but if I keep -webkit- then "J" initial letter is big italic and remaining characters 'udge' touches "J". -webkit- removed JSFiddle - https://jsfiddle.net/5wsq6han/show/ I followed MDN article and also changed the size in fraction from 5 to 5.0 and then also added back -webkit-: Link - https://jsfiddle.net/ohcuv580/show But Safari and all other browser still differ, other browser don't support "initial-letter" as per - https://developer.mozilla.org/en-US/docs/Web/CSS/initial-letter We are trying to aligning with any web-spec? Since other browsers don't even support it. Just wanted to to share update. Thanks! 1886404 3 rniwa 2022-07-24 13:47:51 -0700 I think this is config changed given the unprefixed version behaves correctly with other browsers. 258888 2015-08-13 08:07:32 -0700 2015-08-13 08:07:32 -0700 HTML file showing crash between italic initial letter and subsequent text. inital-letter-exclude-around-glyph.html text/html 594 dauwhe PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJ1 dGYtOCIgLz4KCTx0aXRsZT5leGNsdWRlIGFyb3VuZCBnbHlwaCBib3VuZGluZyBib3g8L3RpdGxl Pgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgpwOjpmaXJzdC1sZXR0ZXIgewotd2Via2l0LWluaXRp YWwtbGV0dGVyOiA1Owpmb250LXN0eWxlOiBpdGFsaWM7Cn0KPC9zdHlsZT4KPC9oZWFkPgo8Ym9k eT4KPHA+SnVkZ2UsIHRoZW4sIHRvIHdoYXQgcGl0Y2hlcyBvZiBpbmZsYW1lZCwgZGlzdHJhY3Rl ZCBmdXJ5IHRoZSBtaW5kcyBvZiBoaXMgbW9yZSBkZXNwZXJhdGUgaHVudGVycyB3ZXJlIGltcGVs bGVkLCB3aGVuIGFtaWQgdGhlIGNoaXBzIG9mIGNoZXdlZCBib2F0cywgYW5kIHRoZSBzaW5raW5n IGxpbWJzIG9mIHRvcm4gY29tcmFkZXMsIHRoZXkgc3dhbSBvdXQgb2YgdGhlIHdoaXRlIGN1cmRz IG9mIHRoZSB3aGFsZeKAmXMgZGlyZWZ1bCB3cmF0aCBpbnRvIHRoZSBzZXJlbmUsIGV4YXNwZXJh dGluZyBzdW5saWdodCwgdGhhdCBzbWlsZWQgb24sIGFzIGlmIGF0IGEgYmlydGggb3IgYSBicmlk YWwuPC9wPgo8L2JvZHk+CjwvaHRtbD4K