Chrome
Version 108.0.5359.71 (Official Build) (arm64)
This issue first detected doing this
Add a select element
Add a plot where the plot is using the select element
The select element opens
Move the select element in a cell after the plot
The select element does not open.
This was working up until a few days ago.
Default Reproduction in existing Notebook does not work
Add a default select element from the cell menu after the plot
Leave default values
The select element will not open
Default Reproduction in a new Notebook works
Add a default select element from the cell menu
Leave default values
The select element will open
Discussion
Playing around with which cell I place the select in sometimes gets the select to work, sometimes does not.
In all failure cases, the select does not open at all.
The select element will accept the focus.
When the element is inspected in developer tools, all the options are there and valid.
More issue reproduction
From the Observable main site
Learn → Documentation → Introduction to Inputs
Click on the select element here and it will not open.
I have tried this on my primary laptop as well as a completely fresh laptop where I installed Chrome to test this. And yes the Intro to Inputs select element does not open.
All of these examples including the original notebook work on Safari.
Have not tried Firefox
Tested on
MacOS: 12.3
MacBook Pro M1 Pro
Chrome Version 108.0.5359.71 (Official Build) (arm64)
MacOS: 12.3
MacBook Pro Intel
Cleaned and wiped laptop
MacOS: 13.0
MacBook Pro Intel
Upgraded from the above.
Hi @JohnH, thanks for your report! Unfortunately I have a bit of trouble following your description. Could you perhaps add a short screen recording that demonstrates the behavior that you describe?
I have attached a screen recording of the select not working. Whether I manually cut and paste the select defining cell or use the arrows to move the cell results in the same condition. The select works above the plot and does not below the plot. I have another copy of the notebook where the select no longer works above or below the plot. Not sure what to make of that.
Sorry to respond via email rather than replying through the “Talk” but I got an error when I tried to attach anything, saying something about new users can’t attach files.
Also sorry for the length also. Hard to describe really fast.
I have attached a screen recording of the select not working. Whether I manually cut and paste the select defining cell or use the arrows to move the cell results in the same condition. The select works above the plot and does not below the plot. I have another copy of the notebook where the select no longer works above or below the plot. Not sure what to make of that.
Sorry to respond via email rather than replying through the “Talk” but I got an error when I tried to attach anything, saying something about new users can’t attach files.
Also sorry for the length also. Hard to describe really fast.
Thanks
John
(Attachment SelectError1_AdobeExpress.mp4 is missing)
I have attached a screen recording of the select not working. Whether I manually cut and paste the select defining cell or use the arrows to move the cell results in the same condition. The select works above the plot and does not below the plot. I have another copy of the notebook where the select no longer works above or below the plot. Not sure what to make of that.
Sorry to respond via email rather than replying through the “Talk” but I got an error when I tried to attach anything, saying something about new users can’t attach files.
Thank you for the detailed demonstration, and for fighting with the forum’s spam protection!
I can reproduce the problem in Chrome 108 (not in 107 though). When a select element is below a certain height it can still be focused, but no longer opens.
This seems to be a bug in Chrome (which hopefully will get fixed soon), but I’ll see if there’s anything we can do on our end to mitigate it.
I’ll update here as soon as I know more. Again, thanks for reporting!
Depending on the height of your current browser window, the select fails to open passed a particular cell.
So if all the cells are pinned and the current browser window is open to a height of 800px, select10 and select11 should not open. Decrease the window height and even fewer selects will open. This will be a big issue if the user is on a smaller screen or opens their browser with a smaller height.
For now any notebooks using selects will have to make sure to define the selects within the ~400-500px of height. Not a lot of space and easy to go passed it if you have a series of vis, a Table view, or the Wrangler.
