274 votes
Accepted

Should a dropdown list be closed when mouse leaves?

For consistency, the behavior should be based on the calling action; click or hover. If you are opening the dropdown on click, let the user toggle and close it, or close the previous dropdown when ...
user avatar
  • 16.1k
80 votes

Should a dropdown list be closed when mouse leaves?

The answer to this question is part of a more general UX rule: moving the mouse (without a button held down) is not input, and applications should not respond to it by taking any nontrivial action. ...
user avatar
43 votes

Is there a design pattern for dropdown lists in iOS?

Even though Apple recommended (and surprisingly still recommends) pickers for dropdowns, not even they use it anymore. Spoilers: In both these cases, the "logic" would dictate to use a dropdown + ...
user avatar
43 votes

Should a dropdown list be closed when mouse leaves?

I honestly think that hover menus are bad UX entirely. I suspect the only reason they exist in the first place is that they are easier to implement in pure CSS, so the developer can get away with ...
user avatar
  • 531
35 votes

Is it okay to use a dropdown chevron in a checkbox?

My initial thought is that I'd personally avoid attaching a chevron to the checkbox like you've got in your screenshot because it's an atypical design pattern and therefore pretty safe to assume that ...
user avatar
  • 1,292
28 votes

Is it okay to use a dropdown chevron in a checkbox?

There is a similar UI for managing exceptions in Visual Studio, which is fairly intuitive: The key differences to the UI you have shown are: Chevrons/arrows appear to the left of the top level ...
user avatar
  • 381
23 votes

Should a dropdown list be closed when mouse leaves?

I agree with DPS's answer, however I'd opt for explicit behaviour - thus clicking to open and clicking (or pressing Esc) to close. Why not "on-hover"? If the user opens the dropdown and ...
user avatar
  • 3,115
18 votes
Accepted

Alternative to dropdown with over 6000 values

For any select list of over a couple dozen options, free-text search with autocomplete support is the only sane option. This is a common pattern seen on real estate sites (Zillow, Redfin, etc) and ...
user avatar
  • 355
12 votes
Accepted

Is there a design pattern for dropdown lists in iOS?

iOS makes it much easier to use "Pickers". These may work depending on what you need the "Dropdown" to do. See new link https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/
user avatar
  • 369
12 votes

Should a dropdown list be closed when mouse leaves?

...Or you can consider changing the design altogether. Personally I think it's not a good idea to hide functionality under three dots. Show actions on hover You can remove click/hover altogether by ...
user avatar
  • 1,721
11 votes

Should a dropdown list be closed when mouse leaves?

You might consider adding a way for the user to close the drop down. This way there is no confusion on how to close it and no annoyance of accidentally closing it by moving the mouse out of the area.
user avatar
10 votes
Accepted

What is the advantage of drop down list appearing in front of control instead of below it?

The overlay is faster when picking neighboring values. Selecting the next (or previous) value is useful when... Making a font size a little bigger (or smaller). "Trying out" each font in the list (...
user avatar
9 votes

Should a dropdown list be closed when mouse leaves?

I happen to find that behavior quite annoying, especially with nested menus, on YouTube on a HTPC. The remote mouse is easy to get off track and wham I have to start over. Anyone with less than ...
user avatar
  • 323
9 votes

When to start opening the select list? On mousedown? Or on click? And Why?

From an accessibility point of view, It is recommended that the event should be fired on mouse up rather than on mouse down. This will be helpful for users with dexterity/motor disabilities, Who ...
user avatar
  • 3,540
7 votes
Accepted

Should drop down menu items repeat currency symbol?

Since I cannot see the harm in putting the currency symbol on all the values I would suggest the first option. It might help save an error if you have more than one drop-down with another currency. ...
user avatar
7 votes

Amazon's Website Search Bar

When you hit the spacebar once again, Amazon treats it as an incorrect word and highlight it. Same happens with Google - when you enter an incorrect word, it highlights it. Entering an incorrect ...
user avatar
7 votes

Is it okay to use a dropdown chevron in a checkbox?

When clicking "Backup Media Library", should it select/unselect, or expand/collapse? It should select/unselect. This is the default behavior and makes the checkbox more accessible. If the ...
user avatar
  • 10.4k
6 votes

Long dropdown list + Searchable

You could try... Typeahead Allow the user free form text entry. As the user types a filtered list appears of items that match what the user is typing. Pick a number of items to show that is ...
user avatar
6 votes
Accepted

What is the best way to allow users select items from a very long list in a responsive web app?

For very long lists, it's better to use a different UX for mobile Multi-select is a complex operation, so it's difficult to use the same interface for both web and mobile. You already recognize this ...
user avatar
  • 40.4k
6 votes

Should a dropdown list be closed when mouse leaves?

Apart from what DPS answered, which talks about consistency, I would suggest you go with the click instead of hover. It seems like you have a grid layout, and am sure you don't want to annoy your ...
user avatar
  • 326
6 votes
Accepted

What should be default value of select (drop down list)?

I wouldn't say there are guidelines as such, but most design systems provide an insight on how to use dropdowns. Here are a few examples: Material Design: Exposed Dropdown Menu IOS - Pickers ...
user avatar
6 votes

multi selection dropdown - with or without checkbox

If your question is whether or not to use the checkbox, I think it looks better and does have a better user experience with the checkbox especially the unconscious overview it gives the user while ...
user avatar
  • 622
6 votes

multi selection dropdown - with or without checkbox

Checkbox is an indicator for users to quickly understand the multiple select option.
user avatar
  • 4,230
5 votes
Accepted

add your own entry to a select list

A standard way of solving this is autocomplete. For instance, here is how it works in Jira. User starts editing a field. There are options to accept/cancel the input: User may click the down arrow ...
user avatar
  • 1,175
5 votes
Accepted

What is the best way to categorize or represent a list of top-level domains (TLDs)?

The best? Only testing will tell. Going to both your examples, the second one is way better from an user point of view. See both dropdowns: one has a list of TLD and nothing else. The other, a list ...
user avatar
  • 32.7k
5 votes

What should be default value of select (drop down list)?

There is no "best practice" here, those two options are completely different. Pre-selected - use if you have a reason to believe one of the options is most likely (this can be based on most popular / ...
user avatar
  • 356
5 votes

Amazon's Website Search Bar

It is the way the autocomplete is designed. When the user starts typing a word the application goes through the previous/popular searches and displays the possible continuation in block letters on ...
user avatar
5 votes
Accepted

How do I show the selected items in an easier manner in this dropdown

Some alternatives: Filter Tags: No need for users to click to expand the dropdown. They can see which ones are applied and remove them if wanted. Summary of Selected Filters: Group selected options ...
user avatar
  • 5,008
4 votes

When should I use a select box instead of radio buttons?

Another difference between the two inputs that's often overlooked: If a radio-button isn't selected, it isn't passed along on the form submit. Or to look at it another way, radio buttons offer the ...
user avatar
  • 143
4 votes
Accepted

Title Case or Sentence case for dropdown options in web form?

I don't have any "official" or user tested information about this, but in the examples you have detailed in your question, the sentence case works well for answer which are based around a response you ...
user avatar
  • 6,176

Only top scored, non community-wiki answers of a minimum length are eligible