Using the dropdown with a value already selected only shows the already-selected option
See original GitHub issueScreenshot
Reproduction steps
- Set up a progressively-enhanced
select
element with a dropdown arrow - Select an item
- Click on the dropdown arrow
- I can only see the item I have already selected
What I expect to happen
When I’m clicking on the dropdown arrow, expect to see all the available options (as if the box was clear), instead of just being able to choose the option I’ve already chosen.
Issue Analytics
- State:
- Created 6 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
How to make already selected option not display in another ...
I guess that you have three dropdowns with same datasource, a simple solution would look like: <div> <select ng-model="selectedItem1" ...
Read more >Remove the value in Dropdown once it's selected
This could be a workaround: we need to keep track of which combobox item is already selected, so we put it in a...
Read more >Create a Dropdown List that Doesn't Repeat Selected Items
Creating drop down lists are a neat way to let you select items interactively. You define a list and then use the Data...
Read more >How to display the selected option in a dropdown list with ...
The process use the queryselectorfunction to first select the "button" and "select" elements. Then the selected index can be displayed using ...
Read more >How to select DropDown in Selenium using Select ... - Tools QA
Now, if we have to select the option "White", we can use its value "6 " ... Just like we select values in...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This came up in a research session today. The user picked an item somewhat on a whim, but when they tried to change it by clicking on the arrow, only saw the selected item. They then commented aloud that they weren’t ‘allowed’ to change the result.
After a bit of frustration they wondered aloud if they could try deleting the text - which eventually got them back to where they wanted - but still, not great.
Reading back on my comment from 2017, I still agree that’s a good approach - if the arrow is enabled, you should always be able to click on it to see all the results.
Thanks @alecgibson.
What I think should happen is that when you click on the arrow, it should select all content in the input (as it does if you focus the input), but also show all entries. This allows the user to start typing to use the autocomplete.