New issue
Advanced search Search tips

Issue 652248 link

Starred by 3 users

Issue metadata

Status: Duplicate
Merged: issue 642349
Owner: ----
Closed: Oct 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Select elements do not render correctly (instead as black boxes) when using mobile device emulation in Developer Tools

Reported by jimlaf...@gmail.com, Oct 3 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Example URL:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

Steps to reproduce the problem:
Visit a page with a select element

Enable Developer Tools with F12

Enable device emulation / device toolbar (CTRL + SHIFT + M)

Choose a mobile device (i.e. Nexus 5X)

Click the select element

What is the expected behavior?
The select element options display as a standard drop down, directly underneath the select element

What went wrong?
The select element options appear as a black box somewhere unrelated on the screen. Screenshot attached (I manually filled the box in black in Paint.NET as pasting the PrintScreen in displayed it as a transparent region)

Does it occur on multiple sites: Yes

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 53.0.2785.116  Channel: n/a
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0
 
select-dropdown-black-box.png
32.3 KB View Download
Similar thing happens in Chrome Canary 55.0.2879.0 - no black box appears (as far as I can see), however the dropdown doesn't appear
Components: -Blink Platform>DevTools>Mobile Blink>Forms

Comment 3 by tkent@chromium.org, Oct 3 2016

Mergedinto: 642349
Status: Duplicate (was: Unconfirmed)
 Issue 654770  has been merged into this issue.

Sign in to add a comment