New issue
Advanced search Search tips

Issue 599666 link

Starred by 2 users
Status: Assigned
Owner:
rdevlin....@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug-Regression



Sign in to add a comment

Select dropdown not opening in Chrome extension's page options V2

Reported by 77hugoso...@gmail.com, Mar 31 2016 
Chrome Version       : 49.0.2623.110 m
Other browsers tested:
  Chromium 51.0.2684.0 (FAIL)

I am developing a Chrome extension and I am trying to implement the new recommended version for the options page (https://developer.chrome.com/extensions/optionsV2). It happens with the option "chrome_style" as true or false.

In the options page, I have a <select>. However, the dropdown does not open when it is clicked, unless I change the Google Chrome zoom. After changing the zoom (up or down), it shows properly, when the <select> is clicked. 

Following the old version for options page (https://developer.chrome.com/extensions/options), this error does not occur, and the <select> opens as expected.

What steps will reproduce the problem?
(1) Load the attached extension and access the options page.
(2) Click on the <select> with the label "TEST SELECT". Confirm the dropdown does not open.
(3) Change the browser zoom.
(4) Click on the <select> again. Confirm it opens now.
test_extension.zip
194 KB Download

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

Components: Platform>Extensions
Labels: -Type-Bug M-51 OS-Linux OS-Mac OS-Windows Type-Bug-Regression
Owner: rdevlin....@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Windows 7, Mac 10.10.5, Ubuntu 14.04 using 49.0.2623.110, latest canary 51.0.2695.1 as per steps in comment #0.

This is regression issue broken in M-49.

Please find below bisect info:
Last good build:49.0.2592.0
First bad build:49.0.2593.0

CHANGELOG URL:
 https://chromium.googlesource.com/chromium/src/+log/7b5c993b638bdd2f152126548e238a7bf237ec6b..43b3bb770dea6a0bba56ab27e31ea78202ff5793

From above CL, suspecting below:
https://chromium.googlesource.com/chromium/src/+/04a2b2e49c33a80fb1265b8e220c4c30ebd367a3

rdevlin.cronin@Could you please look into this issue if it is related to your change, else feel free to assign it to an appropriate dev person.

Comment 2 by 77hugoso...@gmail.com, Apr 1 2016 

The options V2 page (https://developer.chrome.com/extensions/optionsV2) has an example with select that is actually working.

The fact that the select starts working after changing the zoom makes me think that it can be a Chrome bug, but on the other hand, as there are other examples working, it makes me believe it is a problem of this specific page. 

I tried to analyse if it would be some CSS conflict but I am not able to reach any conclusion. However, if I inspect the select, I find that if the "margin" CSS rules on the parent container of the select (div) is removed, and put back again, the select starts to open, in an incorrection position though. (here is a screenshot - http://i.imgur.com/HStp9BK.png)

Am I probably missing something here?

Comment 3 by swh...@lingotek.com, May 23 2016 

I'm also experiencing this problem. In my case users have complained that the select drop down does not show up when using multiple monitors. On my 24" monitor, I can still see the drop down, but it is in the wrong place on the screen and not even in the browser, see attached screenshot.

This select is nested two divs deep in the body and is using angular's ng-options to populate it. But the fact that it pops up off the Chrome window itself tells me that this is a Chrome bug, and not one unique to my page.
select_options_page_edited.png
195 KB View Download

Comment 4 by 77hugoso...@gmail.com, May 23 2016 

From what I understand from your printscreen we are both using Fancy Settings (https://github.com/altryne/fancy-settings).
►

Sign in to add a comment