1679572 - Image stretches across entire page on glassdoor.com

Status: RESOLVED INVALID

(Core :: Layout: Flexbox, defect)

Description

[Ksenia Berezina [:ksenia]]

As reported in https://github.com/webcompat/web-bugs/issues/62358

STR:

1. Visit https://www.glassdoor.com/Job/jobs.htm?suggestCount=0&suggestChosen=false&clickSource=searchBtn&typedKeyword=programming+intern&locT=C&locId=2363570&jobType=&context=Jobs&sc.keyword=programming+intern&dropdown=0 in Firefox release

2. Click on one of the job postings on the left and observe the page

Expected:
Posting details appear
Actual:
An American flag appears covering the entire page

From mozregression:

 7:51.82 INFO: Narrowed integration regression window from [ae50df2c, e4fdf273] (3 builds) to [7cde57e7, e4fdf273] (2 builds) (~1 steps left)
 7:51.82 INFO: No more integration revisions, bisection finished.
 7:51.82 INFO: Last good revision: 7cde57e7688b0b6bf9d87321a37c87b4dcf14b87
 7:51.82 INFO: First bad revision: e4fdf273d58699cd0177b4e6f840244919691e30
 7:51.82 INFO: Pushlog:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=7cde57e7688b0b6bf9d87321a37c87b4dcf14b87&tochange=e4fdf273d58699cd0177b4e6f840244919691e30

Comment 1

[Ksenia Berezina [:ksenia]]

Attachment: 62358.html

I've attached a reduced test case. Ting-Yu, would you be able to take a look?

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1056959

Comment 3

[Jonathan Kew [:jfkthame]]

I'm not seeing the issue on the glassdoor page; maybe the site has been modified?

With the attached testcase, I get the same result in Chrome Canary (but not Chrome Release) as with Firefox Nightly, which suggests this might be an expected change. Maybe Ting-Yu can confirm if this is correct?

Comment 4

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

Attachment: Glassdoor (Google Chrome 88).png

[Attached a screenshot from Google Chrome 88]

I can see the flag covering the page by clicking any of the job listings in the left column.

The testcase in comment 1 is rendered correctly both in Firefox and Chrome Canary (89) & Unstable (88). The image flex item's base size and main size should be calculated from its cross-size (derived from the flex container's width) and its aspect-ratio by the flex algorithm 3B. https://drafts.csswg.org/css-flexbox-1/#algo-main-item

Comment 5

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

I'm closing the bug as invalid because the site needs a change.

Comment 6

[Ksenia Berezina [:ksenia]]

Thanks for looking into this. I've just sent another email to support to see if they can apply a fix.