1549742 - www.6sigmagrp.com broken since bug 1196668 landed

Status: RESOLVED DUPLICATE of bug 1616537

(Core :: Layout: Images, Video, and HTML Frames, defect, P3)

Description

[Thomas Wisniewski [:twisniewski]]

Attachment: test.html

According to mozregression, the header image at www.6sigmagrp.com's page appears broken since bug 1196668 landed. the reason is that they have this image on the page:

<div id="header-image"><img src="http://0" alt=""></div>

The CSS on the page also gives that image width:100%.

Before bug 1196668, the image ended up having a 0 height, but now the CSS width affects its height, making the broken image stretch to cover up the rest of the page content.

This isn't happening in Chrome, so this is an interop issue.

I've attached a reduced test-case.

Comment 1

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1549742 - Make broken images without alt not report an intrinsic size and ratio. r=mats

This matches Blink and WebKit in this case. What Blink does more generally is a
bit insane (and they're aware of it already).

Blink will create a replaced box if it has a fixed width or height, regardless
of the alt attribute, that's nothing resembling the spec.

Comment 2

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1549742 - Make broken images without alt not report an intrinsic size and ratio. r=mats

This matches Blink and WebKit in this case. What Blink does more generally is a
bit insane (and they're aware of it already).

Blink will create a replaced box if it has a fixed width or height, regardless
of the alt attribute, that's nothing resembling the spec.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

So I just tried to come up with something sane for this and couldn't figure anything that wasn't an absolute hack.

Safari also matches our behavior (just tested via Browserstack), so I think I'm going to call it a day.

Thomas, any chance anyone on the webcompat team could contact the site?

Comment 4

[Emilio Cobos Álvarez (:emilio)]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #3)

Safari also matches our behavior (just tested via Browserstack), so I think I'm going to call it a day.

That meaning: The test I tried to add passed in Epiphany, but the page also shows a giant broken image icon there.

Comment 5

[Thomas Wisniewski [:twisniewski]]

Sure, I'm not against contacting the site in https://webcompat.com/issues/30669. Would there be a "best" suggestion? (set the image's height to 0?)

But it sounds like we really need to contact the Blink team so they fix their insanity, or find out if insanity is the only web-compatible way forward.

Comment 6

[Emilio Cobos Álvarez (:emilio)]

I poked a bit on:

• https://bugs.chromium.org/p/chromium/issues/detail?id=958250
• https://bugs.chromium.org/p/chromium/issues/detail?id=753868

Pointing to:

• https://bugs.chromium.org/p/chromium/issues/detail?id=671871