www.newyorker.com - design is broken

[annygakh]

URL: https://www.newyorker.com/magazine/2020/05/11/reinventing-grief-in-an-era-of-enforced-isolation

Browser / Version: Firefox 77.0
Operating System: Mac OS X 10.14
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are overlapped
Steps to Reproduce:
Letter "F" is overlayed by the text in the rest of the sentence.

View the screenshot

Browser Configuration

• gfx.webrender.all: true
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20200428100141
• channel: nightly
• GPUs:
  • active: true
  • description:
  • deviceID: 0x3e9b
  • vendorID: 0x8086
  • driverVersion:
• hasTouchScreen: false
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[annygakh]

I had fission on when I reported this bug but it happens without fission too.

[karlcow]

Thanks @annygakh this is a known issue.

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1376061

[karlcow]

That said because this is a recurrent issue and the specification situation is not cleared yet.
Maybe @donohoe at the @newyorker can help us find the right person in charge of the css.

This change would fix it.

/* styles.min.0d2442960be8d84a4b9e60e5be29aa41790f9542.css | https://www.newyorker.com/verso/static/the-new-yorker/styles.min.0d2442960be8d84a4b9e60e5be29aa41790f9542.css */

.grid .body__container > p.has-dropcap.has-dropcap__lead-standard-heading::first-letter {
		/* padding: .1em .05em 0 0; */
		padding: .1em .05em 0.6px 0;
}