1426617 - media queries did not work in some cases

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Eugen Konkov]

Attachment: downloads.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171116103757

Steps to reproduce:

create adaptive design (see attached source)


Actual results:

media query did not work if there are toolbars are ON or dev.tool is ON on right side monitor (chrome do same wrong thing)


Expected results:

media queries should work despite on which toolbars are present in window
and despite on the devtools is ON

Comment 1

[Eugen Konkov]

Attachment: downloads.css

hm... why I can not add all files at once in first post??

Comment 2

[Eugen Konkov]

Attachment: left 1200x1600 (portrait).flv

on the left monitor adaptive works fine

Comment 3

[Eugen Konkov]

Attachment: right 1440x900.flv

on the right adaptive do not work correctly

Comment 4

[Eugen Konkov]

Attachment: 1513848661549.jpg

As you can see on this screenshot there is no space after "Buy VPN" button if there is menu and/or bookmarks toolbar.

If we turn off menu and/or bookmark toolbar then "Buy VPN" button is rendered with space after it as expected

Comment 5

[Eugen Konkov]

Attachment: delete4.jpg

seems this is related. On the right monitor element is displayed OK.
On the left monitor element is displayed out of monitor. Appeared horizontal scroll bars are proof for that

Comment 6

[Eugen Konkov]

Attachment: Desktop.tar.gz

the source page for delete4.jpg screenshot

Comment 7

[Emilio Cobos Álvarez [:emilio]]

Does the value of layout.css.servo.enabled make any difference?

Comment 8

[Eugen Konkov]

Hi, Emilio. I do not know what is this variable and how to disable/enable it.

Comment 9

[Emilio Cobos Álvarez [:emilio]]

(In reply to Eugen Konkov from comment #8)
> Hi, Emilio. I do not know what is this variable and how to disable/enable it.

You can go to about:config and toggle that pref, but I just checked and it makes no difference.

It's still not clear what do you think the bug is. The toolbar menus and such change the page viewport size, but with the same page viewport size, the page behaves the same way as in other engines. There are combinations of width / height where the button appears off-screen where I think it's not intended to, but that's not a browser bug.

Comment 10

[Eugen Konkov]

yeah, it seems media queries are wrong (
sorry for fail report

Comment 11

[Emilio Cobos Álvarez [:emilio]]

(In reply to Eugen Konkov from comment #10)
> yeah, it seems media queries are wrong (
> sorry for fail report

No worries, thanks a lot for the report!