drop-caps first-letter overlaps other text at VanityFair
Categories
(Core :: Layout: Text and Fonts, defect, P3)
Tracking
()
People
(Reporter: bryce, Unassigned)
Details
(Keywords: regression)
Attachments
(1 file)
|
99.12 KB,
image/jpeg
|
Details |
VanityFairInitialLayoutIssue.jpg
The initial (large first letter) on vanityfair pages overlaps other text.
STR:
- Open https://www.vanityfair.com/hollywood/2019/10/studio-ghiblis-historic-deal-with-hbo-max-gives-upcoming-streamer-an-edge (other pages will also have the issue)
- Observe the initial G overlapping text on the line below it -- as in attached image.
This appears to have been regressed within this window, which was the smallest I could get running mozregression.
|
||
Comment 1•7 years ago
|
||
This is probably an example of the issue described in bug 1376061. The formatting of floating first-letter pseudos is not well defined in the spec, and Gecko's behavior is known to differ from Blink. The Vanity Fair page was probably designed and tested only in Chrome.
|
||
Comment 2•7 years ago
|
||
It seems to me that one difference is that Chrome applies the page's line-height in the ::first-letter pseudo-element, unlike us. Not sure what's right there though.
|
||
Updated•7 years ago
|
|
||
Updated•7 years ago
|
|
|
||
Comment 3•6 years ago
|
||
(In reply to Jonathan Kew (:jfkthame) from comment #1)
This is probably an example of the issue described in bug 1376061.
Marking as a duplicate for now, to reduce the number of open bugs about what is likely the same bug. (We can un-dupe later on as needed, when we get a chance to start fixing this.)
(And while I'm here, I'll note that this is [unsurprisingly] still reproducible with the link in comment 0, with yesterday's nightly 74.0a1 (2020-01-27) (64-bit))
Description
•