New issue
Advanced search Search tips

Issue 598940 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 591315
Owner:
Closed: Apr 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug



Sign in to add a comment

Checkboxes don't render with device emulation

Reported by davidcwe...@gmail.com, Mar 30 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2693.2 Safari/537.36

Example URL:
http://whirlweb.com.au/checkbox.html

Steps to reproduce the problem:
1. Turn on device emulation, for example emulate a Galaxy S5
2. Visit http://whirlweb.com.au/checkbox.html
3. You will not see the checkbox on the page.

What is the expected behavior?
The checkbox should be visible

What went wrong?
The checkbox seems to be rendered as 0px × 0px

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes The release channel works (v49.0.2623.87)

Does this work in other browsers? Yes 

Chrome version: 51.0.2693.2  Channel: dev
OS Version: OS X 10.10.5
Flash Version: Shockwave Flash 21.0 r0
 
checkbox.png
190 KB View Download

Comment 1 by tkent@chromium.org, Apr 1 2016

Components: -Blink Platform>DevTools>Mobile
Cc: jonathan.garbee@chromium.org
Components: Platform>DevTools
Labels: Needs-Feedback
Working fine here: 51.0.2693.2 (Official Build) dev (64-bit)

Can you try in a clean profile please to verify no extensions are interfering with things?

I have tried in a clean profile and in incognito mode, and I can reproduce the problem in both these cases. I have attached screenshots showing the same page in 51.0.2695.1 and 49.0.2623.110.

In 49.0.2623.110 the checkbox is very small but you can just see it. The inspector says it's 12px × 12px.

In 51.0.2695.1 the inspector says it's 0px × 0px.
49.0.2623.110.png
167 KB View Download
51.0.2695.1.png
185 KB View Download
Project Member

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

Labels: -Needs-Feedback Needs-Review
Owner: jonathan.garbee@chromium.org
Thank you for providing more feedback. Adding requester "jonathan.garbee@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
Labels: -OS-Mac OS-All
Owner: dgozman@chromium.org
Status: Untriaged (was: Unconfirmed)
So you literally have to have DM enabled before opening DevTools on the page in order to have this occur. I'm not seeing it to quite the extreme as completely not rendered, but it does get quite small.

However, I do think this may have something to do with the meta viewport (`<meta name="viewport" content="width=device-width, initial-scale=1">`) not being set. When I set that and load a page up, the checkbox renders perfectly each time.

assigning to dgozman for further triage on this since he knows the most about Device Mode.
Mergedinto: 591315
Status: Duplicate (was: Untriaged)
Does this happen on Mac? Sounds like a dupe of  issue 591315 .

Sign in to add a comment