1588766 - @Media query with max-width: X excludes X instead of including it

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, defect, P4)

Description

[mattia.d.denti]

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

Steps to reproduce:

the page CSS has a @media (max-width: 767px) query

Actual results:

when tested using the Responsive Design Mode at width 767px the media query is not applied to the page;
when tested by resizing the browser window the media query is not applied to the page until much smaller.

Expected results:

the media query should have applied at 767px

Comment 1

[mattia.d.denti]

Attachment: The page used to test this

Comment 2

[mattia.d.denti]

Attachment: Responsive Design Mode at 766px

Comment 3

[mattia.d.denti]

Attachment: Responsive Design Mode at 767px

Comment 4

[mattia.d.denti]

Attachment: Browser window resized at 766px

Comment 5

[Mats Palmgren (inactive)]

Browser window resized at 766px

FYI, that screenshot shows that there's also a 16px horizontal margin, which is probably not what you intended to test.

Anyway, the attached testcase works as expected for me, both with or without Responsive Design Mode. (using Nightly on Linux)

Comment 6

[zekemedley]

I'm also unable to reproduce this using Firefox 77.0.1 on Mac. The attached test case works fine for me.

Comment 7

[Emily McDonough [:alaskanemily]]

This bug appears to have been fixed at some point. I think we can safely close this.