question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using the dropdown with a value already selected only shows the already-selected option

See original GitHub issue

Screenshot

screen shot 2017-09-25 at 11 30 11

Reproduction steps

  1. Set up a progressively-enhanced select element with a dropdown arrow
  2. Select an item
  3. Click on the dropdown arrow
  4. 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:open
  • Created 6 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
edwardhorsfordcommented, Jan 17, 2019

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.

3reactions
edwardhorsfordcommented, Sep 25, 2017

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found