1835278 - Container query: incorrect size calculated in Firefox

Status: RESOLVED DUPLICATE of bug 1832481

(Core :: CSS Parsing and Computation, defect)

Description

[peter]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/113.0

Steps to reproduce:

In Firefox I'm seeing different container query behaviour to Chrome or Safari. In the demo below the wrong container query size is being applied. The results aren't stable - changing the browser size and sometimes even just hovering the mouse cursor over the element flips the size.

Demo to reproduce: https://codepen.io/pbowyer/pen/NWOJVMm

Actual results:

Either: the big and small cards both have the small sized logo & box
or
the big and small cards both have the large sized logo & box

Expected results:

The big cards have the large sized logo & box
The small cards have the small sized logo & box

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

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

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

For more information, please visit BugBot documentation.

Comment 3

[Daniel Holbert [:dholbert]]

Sorry for the delay here. Good news, it looks like this has been fixed. (I can reproduce the bug in older Nightly builds, but not in newer Nightly builds.)

Fix range:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=4e98ea8e562ced819eb81f59f2a51eb740f5fe34&tochange=710b5b1b445f1818f2c0f4a86bd70586f1f0ed30

--> Duplicate of bug 1832481, which fixed an issue with container-query-unit handling.