Elements incorrectly zoomed when in mobile view
Reported by
james.hu...@gmail.com,
Sep 21 2017
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36 Steps to reproduce the problem: 1. Go to http://fuckryanair.bonza.nz (sorry about the url) and open developer tools 2. Click the 'Toggle Device Toolbar' button 3. The search bar overhangs the right of the page To fix the issue: 4. Click in the address bar and press ctrl/cmd + or ctrl/cmd - to bring up the zoom controls 5. Click 'reset' and the page displays correctly What is the expected behavior? The page is responsive so the search bar should not be wider than the total page size. What went wrong? It appears that a zoom is being applied to the page visually which can be removed by clicking the 'reset' zoom button in the chrome zoom controls. The elements themselves don't change size in pixels according to the 'computed' section of the element explorer. Did this work before? Yes Unsure Chrome version: 60.0.3112.113 Channel: n/a OS Version: OS X 10.12.6 Flash Version:
,
Sep 21 2017
,
Sep 22 2017
Able to reproduce the issue on windows 7 , ubuntu 14.04 and mac os 10.12.6 using chrome M61 #61.0.3163.91 and M63 #63.0.3221.0. Issue is seen from M50 and is a Non-regression issue. Marking it as untraiged for further inputs on this. Thanks!
,
Oct 11 2017
,
Oct 11 2017
Thank you for the report! This seems to be due to non-100% scale, we'll take a look. Meanwhile, try selecting 100% to immediately to the right of device dimensions and toggle Device Mode again as a workaround. Or dock to the right, which will allow for more vertical space and won't force small scale.
,
Oct 11 2017
No problem, really appreciate you looking in to it. I hate to admit how much time this cost me >.< |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by james.hu...@gmail.com
, Sep 21 2017