New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 600731 link

Starred by 2 users
Status: Duplicate
Merged: issue 599511
Owner:
dgozman@chromium.org
Closed: Apr 2016
Cc:
█ kavvaru@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

Developer tools device mode doesn't interpret CSS max-width query correctly

Reported by madis.ee...@gmail.com, Apr 5 2016 
Chrome Version       : 49.0.2623.110
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
URLs (if applicable) : localhost
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
  Chrome Canari 51: FAIL
  Firefox 40.0.3: OK

What steps will reproduce the problem?
1. Set a different background-color under @media (max-width: 768px) 
(see attachment)

What is the expected result?
Device mode that is set to an iPad mode should show a green background.

What happens instead of that?
It shows a blue background.

Please provide any additional information below. Attach a screenshot if
possible.

Seems that iPad mode has a viewport equal to 769px, however, it should be 768px.

UserAgentString: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.110 Safari/537.36
ScreenClip [21].png
55.1 KB View Download

Comment 1 by kavvaru@chromium.org, Apr 6 2016

Cc: kavvaru@chromium.org
Components: Platform>DevTools
Labels: Needs-Feedback
madis.eensoo@ Thanks for the issue.

Could you please provide us the sample test file or URL to triage the issue from test team end.

Thanks,

Comment 2 by madis.ee...@gmail.com, Apr 6 2016 

Thanks for the prompt response.

Added a sample test file.

2016-04-06 13:25 GMT+08:00 kavvaru@chromium.org via Monorail <
monorail@chromium.org>:

Comment 3 by madis.ee...@gmail.com, Apr 6 2016

index.html
416 bytes View Download
Project Member

Comment 4 by sheriffbot@chromium.org, Apr 6 2016

Labels: -Needs-Feedback Needs-Review
Owner: kavvaru@chromium.org
Thank you for providing more feedback. Adding requester "kavvaru@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://sites.google.com/a/chromium.org/dev/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 by lushnikov@chromium.org, Apr 6 2016

Owner: dgozman@chromium.org
Status: Assigned (was: Unconfirmed)

Comment 6 by dgozman@chromium.org, Apr 6 2016

Mergedinto: 599511
Status: Duplicate (was: Assigned)
On the close inspection, the layout width in this case turned out to be 769px. Thus the media query doesn't work. Seems to be another manifestation of the rounding error.

Comment 7 by madis.ee...@gmail.com, Apr 7 2016 

Seems that it is working properly now :)
►

Sign in to add a comment