Open Bug 1875557 Opened 2 years ago Updated 29 days ago

Incorrect z-index calculated using css variable

Categories

(Core :: CSS Parsing and Computation, defect)

Firefox 123
defect

Tracking

()

UNCONFIRMED

People

(Reporter: 709922234, Unassigned)

References

Details

Attachments

(1 file)

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

Steps to reproduce:

https://codepen.io/mantou132/pen/MWxmRJd?editors=1100

Actual results:

Not all red squares are on top

Expected results:

red square on top of yellow square

Component: Untriaged → DOM: CSS Object Model
Product: Firefox → Core

When I changed the CSS variable value to a smaller number, the red could cover the yellow square again, so I found a critical value of 67108666, below which it is normal. However, this threshold only works on my website and no longer works in this codepen example

Component: DOM: CSS Object Model → Layout
See Also: → 1875673

Could be related to 32-bit integer overflow and/or limited precision of a floating-point representation of the value.

Severity: -- → S3
Component: Layout → CSS Parsing and Computation

Can confirm it is a bug?

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: