1677353 - Absolutely positioned with width auto parent div won't follow child image width

Status: RESOLVED FIXED

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

Description

[ooijunxiang0959]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:82.0) Gecko/20100101 Firefox/82.0

Steps to reproduce:

structure HTML tags with according to this fiddle and the CSS too
Link: https://jsfiddle.net/OoiJX/at95bxpd/2/

I figured out that the problem is because the main tag has padding (I am speaking according to the code in the link above) and when i switched the padding to #root, the problem is solved, but for other browsers, the code in the link works as expected. So i thought it might be a bug in Firefox

P.S : Sorry if i got the version wrongly, i find the version from Help->About Firefox and saw (82.0.3) so i assume it is Firefox 82

Actual results:

The parent width will not follow child width but in other browsers, it works as expected

Expected results:

The parent width should have the same width with the child img

Comment 1

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=9474cf8b8d18de259445d3860576837f0522e224&tochange=38fbb8418ffcddc43061ec9b1e347efaede8e72f

Comment 2

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

The severity field is not set for this bug.
:jwatt, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

Attachment: testcase from reporter

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Attachment: Simpler test-case.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Attachment: Test-case with border, to show the broken layout.

Chrome also messes up here, but in the other direction, interestingly.

Comment 6

[Emilio Cobos Álvarez (:emilio)]

Percentages in abspos boxes resolve against the padding box, so we're resolving against the wrong box size. I have a patch which I think should fix this.

Comment 7

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1677353 - Ignore padding when computing definite percentages if we're abspos boxes. r=mats,#layout-reviewers

As percentages in abspos boxes resolve against the padding box.

Comment 8

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/b51a3956edfc
Ignore padding when computing definite percentages if we're abspos boxes. r=mats

Comment 9

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/26874 for changes under testing/web-platform/tests

Comment 10

[Bogdan Tara[:bogdan_tara | bogdant]]

https://hg.mozilla.org/mozilla-central/rev/b51a3956edfc

Comment 11

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Upstream PR merged by jgraham