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

Issue 773239 link

Starred by 2 users

Issue metadata

Status: WontFix
Owner: ----
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

<select> boxes aren't rendering default browser styles on mobile size screens

Reported by abbiecoo...@gmail.com, Oct 10 2017

Issue description

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

Steps to reproduce the problem:
1. view a page which has a select box such as https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elem_select on desktop view
2. inspect the select box and use the toggle device toolbar to view a smaller screen (any mobile device)
3. the select button is no longer using the default browser styles that are in the style panel.

What is the expected behavior?
the <select> boxes are expected to render default browser styles included a border, background and select arrows.

What went wrong?
The <select> boxes aren't rendering the default browser styles on mobile device view on chrome. 

See attached images displaying the difference between the select box styling on desktop and mobile. 

Did this work before? Yes 

Chrome version: 61.0.3163.100  Channel: stable
OS Version: OS X 10.11.6
Flash Version:
 
desktop-select-box-view.png
165 KB View Download
mobile-select-box-view.png
74.2 KB View Download

Comment 1 by alph@chromium.org, Oct 10 2017

Components: -Platform>DevTools Blink>Forms>Select
Cc: ranjitkan@chromium.org
Labels: -Pri-2 Needs-Triage-M61 hasbisect M-63 OS-Linux OS-Windows Pri-1
Owner: dgozman@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Windows 10, Mac 10.12.6, Ubuntu 14.04 using chrome stable version 61.0.3163.100. Issue is a regression broken in M50, below are the bisect details for the same:

Bisect info:
============
50.0.2658.0 - Good build
50.0.2659.0 - Bad build

Change Log: https://chromium.googlesource.com/chromium/src/+log/7915ae0dd753d281344d748789818dab97c39a37..b22486777902c050ca3e90bee66d81b03dcf5688

Suspecting below change could be a possible culprit from the bisect info obtained

CL: https://chromium.googlesource.com/chromium/src/+/638717eea162abcacb1f797faeafa3df6f85456a

dgozman@: Assigning to you, request you to please take a look into it. Please help us to find an owner if not with respect to your change.

Thanks.!
Components: -Blink>Forms>Select Platform>DevTools>Mobile
Labels: -Pri-1 -Type-Bug-Regression Pri-3 Type-Bug
Owner: ----
Status: Available (was: Assigned)
This is definitely a bug, but it's a low priority. The best we can do here is render some control which won't be exactly one from Android anyway.

Comment 4 Deleted

Comment 5 Deleted

Status: WontFix (was: Available)
Not implementing due to lack of priority / resources

Sign in to add a comment