1640166 - @media (max-width) bug

Status: UNCONFIRMED

(Core :: CSS Parsing and Computation, defect)

Description

[Sendoo]

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

Steps to reproduce:

I used @media (max-width: 767px) { display: none; } in my css file.

Actual results:

Last value in max-width dont work. For 766px is working, but for 767px is dont work anymore.
And so for any last value in max-width.

Comment 1

[Sendoo]

(In reply to Sendoo from comment #0)

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

Steps to reproduce:

I used @media (max-width: 767px) { display: none; } in my css file.

Actual results:

Last value in max-width dont work.
For 766px is working, but for 767px is dont work anymore.
And so for any last value in max-width.

Comment 2

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

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 3

[Bryce Seager van Dyk [:bryce] (he/him) - Not reading bugmail]

Could you attach a minimal test case to help make sure we're reproducing the same issue?

Moving to CSS component based on the description.

Comment 4

[Emilio Cobos Álvarez [:emilio]]

This is probably due to subpixels. max-width: 767px is equivalent to width <= 767px, if the width happens to be 767.1px or such then it won't match as expected.

In Firefox you can actually use operators to guarantee that the media queries have continuity (so @media (width <= 677px) and @media (width > 677px).

But yeah, please attach a test-case that demonstrates the issue so that we can take a closer look. Thanks!

Comment 5

[Boris Chiou [:boris]]

Still waiting for the feedback from the reporter. I mark this S3 for now.

Comment 6

[zekemedley]

This looks like a duplicate of bug 1588766

Comment 7

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

Clear a needinfo that is pending on an inactive user.

Inactive users most likely will not respond; if the missing information is essential and cannot be collected another way, the bug maybe should be closed as INCOMPLETE.

For more information, please visit auto_nag documentation.