Questions tagged [drop-down-list]

Use it only for questions regarding drop-down lists

Filter by
Sorted by
Tagged with
0 votes
1 answer
40 views

How can i deal with a dropdown in a small popup that extends past the height of the element?

I have a small dialog that asks users to make a specific time range selection from a dropdown before proceeding with the action. My problem is that regardless of whether I display the dropdown above ...
Shawn Myers's user avatar
0 votes
1 answer
55 views

Should search fields be placed inside the container (combo box) or inside the dropdown list?

When the user has to select from many options in a dropdown menu, a search field where the user may input text that filters the options can help find the desired option. There are two UI elements that ...
Maurice's user avatar
  • 103
1 vote
1 answer
56 views

Dropdown list options punctuation

is it best practice to have periods at the end of a dropdown list item? I understand using question marks if the options are questions but if each option is a statement, should we use a period?
sravanihotha's user avatar
1 vote
1 answer
52 views

Navigation menu with 2 links in drop-down only opens the menu. It is not directed link?

I have a navigation where one of the items has 2 sub-links. Clicking on property it would open the menu only. I know many people feel the parent should direct you to a page, but in this scenario I don'...
Keano's user avatar
  • 71
1 vote
2 answers
105 views

Disabled options within a drop down

I have a scenario where a user can select a name from a dropdown list which will then prefill their details. They may need to add details for multiple people. So, if there are 2 people. I select a ...
Peter Rowland's user avatar
0 votes
1 answer
77 views

Basic question I know but what is the different between this dropdown to select with up/down icons rather than a dropdown with a chevron?

I have seen this a few times and never really gave it much thought. Why does it have an up and down arrows or how does it behave differently than a regular dropdown.
Keano's user avatar
  • 71
0 votes
2 answers
243 views

How to have optional fields in a dropdown

Can someone tell me how I can have an optional value in a dropdown menu with mandatory values. E.g: There are main values that should be available in a certain dropdown, and there is one optional ...
Guest's user avatar
  • 1
0 votes
2 answers
966 views

What should be the universal height of a dropdown list component in a design system?

I'm building a dropdown list menu component in a design system that will be used by many designers and teams, so I need a universal max height. I understand that the max height of a dropdown list menu ...
dan00binator's user avatar
1 vote
0 answers
41 views

Looking for examples of iOS's keyboard interactions with a web form dropdowns

Looking for resources or examples for the behavior of a dropdown and how the iOS keyboard interacts with a web form version of a dropdown. How close does the keyboard slide near the input, and how ...
Tanooki Mario's user avatar
10 votes
1 answer
2k views

Should selected options be removed from single- and multi-select dropdown lists?

In our application we're working with dropdown lists that may contain many options (sometimes around 200). Usually, these lists allow the user to select multiple entries whereas in other places of our ...
Maurice's user avatar
  • 103
0 votes
3 answers
252 views

Using a dropdown split button for 'Log In'

Something isn't sitting right but I can't tell what it is. I've not seen this pattern before. Can you spot the UX/UI deficiencies in this proposed pattern? Or are you fine with it? This is found on ...
ZedRay21's user avatar
2 votes
1 answer
197 views

Autocomplete in a nested list when child is matched but parent is not

Our web app has a "jurisdiction chooser" which is a 2-level nested list of all US states and many large US cities. Both cities and states are selectable. I'd like to add autocomplete to this ...
Justin Grant's user avatar
  • 1,843
1 vote
4 answers
448 views

Bad practice for dropdowns to cover buttons?

I have a text field that shows matches in a dropdown when the user starts typing. Below the field are buttons. When the dropdown is activated it covers the buttons. However the dropdown will go away ...
Zack's user avatar
  • 13
1 vote
3 answers
240 views

How to present six or more options in a card / modal on mobile screen (to abort an order)

I am working on an app which is used by workers to complete an order within a fixed/ closed process. Since the process is closed until the order is finished, workers need the option to abort in case ...
Amelie's user avatar
  • 11
1 vote
1 answer
576 views

Best Practice for Product Filtering Menus

I have implemented a horizontal Filtering bar based on articles posted by Baymard. Link Here I revised my original concept to be a more standard dropdown however the Client has come back and requested ...
Joshua Munn's user avatar
2 votes
1 answer
494 views

Hide already selected options in the dropdown

In the case of a multi-select field, I would like to know the best practice: Hide the choices that have already been selected (the list gets smaller as you go along) Leave the choices already ...
Blandine's user avatar
0 votes
1 answer
2k views

Dropdown menu width best practice

Issue: When creating a dropdown menu for options, I came across a question from the developers about how it should respond. Should it have a fixed width, or expand with the content? We will have data ...
Zimukaus's user avatar
0 votes
1 answer
340 views

Direction of dropdown arrows when the relative position of the UI component and content is reversed

There has been previous discussions and debates relating to the way or the direction that the arrow should be displayed on a dropdown UI component for the hidden and shown states. This question ...
Michael Lai's user avatar
  • 27.2k
0 votes
4 answers
185 views

Use a drop down list for activating a service

Currently I'm designing the behaviour of a service into a SaaS; this service force the upgrade of the apps built with the SaaS platform I have a drop-down list with existing versions (1.0 - 1.1 - 1.2) ...
Mariana DA SILVA's user avatar
1 vote
3 answers
171 views

Drop down list chosen text duplication

In country drop down list example, do I have to repeat the chosen country in a a new title (indicated with a red arrow) or this will be considered as a duplication? what is the best practice in this ...
Saza's user avatar
  • 21
2 votes
0 answers
330 views

Language selector and default language on filter bar [closed]

A user is able to choose supported languages from a language list on our platform. The user is required to set one default language (the system defaults to English). The language dropdown is available ...
Lorelei Heckmann's user avatar
1 vote
1 answer
113 views

Multiple drop-down lists based on conditions

I am currently designing an email configuration tool which has a set of drop downs. They're all based on conditions, so every drop-down list triggers the next one and so on. Below is a rough wireframe ...
AmanSahota's user avatar
2 votes
1 answer
521 views

How to handle DropDown list where selected values could become invalid over time?

I use DropDowns linked to database columns where values might become outdated, such as people who are no longer Employees, or Printers that no longer exist. For situations like an issue tracking ...
BreakingGnus's user avatar
0 votes
1 answer
424 views

Correct breadcrumbs structure for the dropdown navigation

Situation - navigation menu that contains both single links and dropdown. I used colors as an example (in the real product these are not colors). I'm designing breadcrumbs, and the tricky part is, ...
Iga's user avatar
  • 514
1 vote
1 answer
299 views

Combining single- and multi- select drop-down in one form. How to dismiss the drop-down?

How to dismiss the drop-down in single-select and multi-select cases? For single-select, the obvious option is to dismiss the drop-down on selection. For multi-select, drop-down should stay open on ...
Jurijs Kovzels's user avatar
15 votes
3 answers
4k views

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

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
Lucas Bustamante's user avatar
1 vote
1 answer
321 views

Alternative to checkbox for status changes in a list

In this project, invitations are sent to users in different ways to invite them to vote. They can accept to come or not. And give a mandate to someone else to vote in their name. This list should give ...
Nicolas's user avatar
  • 93
0 votes
2 answers
525 views

When should a search box be added to dropdown lists?

At what point does it make sense to add a search box to a dropdown list, and does the styling of the list affect that decision? For example: Is 15 elements is a good number when each element has a ...
Lorelei Heckmann's user avatar
1 vote
1 answer
140 views

Should underlying content be disabled when dropdown menu or custom select control is opened?

As the title of the question, when implementing the drop-down menu or custom select control, should the underlying content rendered on page be disabled or made inaccessible as long as drop-down is ...
Harshal Patil's user avatar
0 votes
1 answer
484 views

Read-Only state for Select Component

I faced a problem that concerns the reading mode for the select components. Imagine a situation where you set up a filter and choose some options in the dropdown. Then you run a search for suitable ...
Vera Shutsikava's user avatar
3 votes
1 answer
96 views

Is there any scientific results on the difficulty of picking elements from a list?

I am looking for a reasonably formal study of the impact of the number of elements in a list (e.g. a dropdown menu) on the time, effort, and loss of comfort for the user whose task it is to pick one ...
user589082's user avatar
1 vote
1 answer
28 views

Improvement of current & active suborg information dropdown

currently, I'm redesigning a component where big organizations that consist of smaller sub-organizations are able to switch between the organizations (by choosing organization as a current) to preview ...
Lorelei Heckmann's user avatar
2 votes
2 answers
343 views

Breadcrumbs to show non-functional web pages?

Side Nav Bar Child 1 Page Item 1 Page I'm always faced with the same issue when trying to design breadcrumbs. I would like to know what is the most accurate breadcrumbs for Item 1 Page, or should I ...
DoubleClickOnThis's user avatar
1 vote
1 answer
279 views

Are there some modern UI equivalents that can be used instead of a ComboBox?

ComboBoxes do a good job when on (e.g.) web forms. However, they just look dated in a modern UI with a touch screen. Is there a more modern alternative to them? Or is it just a case of stripping away ...
Jeremy Murray-Wakefield's user avatar
3 votes
2 answers
525 views

Automatically opening the dropdown for guiding users

We have a page that lets our users analyze their data. In order to analyze the data, they need to select the data-set via a dropdown first and without selecting the data-set, the page is almost ...
burak emre's user avatar
0 votes
1 answer
548 views

Resetting an autocomplete dropdown?

In one of our filters panels, we have a dropdown that is optional and acts as an autocomplete dropdown. Essentially the values appear when a user clicks/searches the field. We need to allow the user ...
user131179's user avatar
1 vote
3 answers
2k views

Best way to interact with a drop down, that has multiple selections

I have created a drop down, and on the drop down you are able to make more than one selection (similar to checkboxes). However, it does look like an ordinary drop down. I was wondering what the best ...
Source's user avatar
  • 2,353
7 votes
3 answers
2k views

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

Component: select aka. dropdown Platform/system: web, non-touch device (laptop with trackpad or desktop with a mouse) Is there a guideline, convention, or some studies done which can help developers/...
Boghyon Hoffmann's user avatar
0 votes
1 answer
422 views

Dropdown with two columns

I currently have a dropdown with two categories that I currently show like this: My issue is that I have quite a lot of Cars and Motorcycle and I`m thinking that using the version below would ...
Chris's user avatar
  • 4,558
2 votes
3 answers
2k views

multi selection dropdown - with or without checkbox

I am working on a the design system of a large system for users that use it on a daily basis, and I want to define the multi select dropdown. on one hand you can know in advance that you have multi ...
Eran Bar's user avatar
  • 1,030
0 votes
2 answers
138 views

Dropdown of dates, is it acceptable to display in non-chronological order?

We have a time-series graph. The user can use a drop-down to select their years and these years are displayed on the chart. Currently, the dropdown is just a list of years for the past 30 years. My ...
Harry Kitchener's user avatar
0 votes
1 answer
385 views

Multiselect dropdown where selected values cannot be deselected on edit?

I'm trying to find examples of a multi-select dropdown where once the form is saved/submitted, the selected values cannot be removed but, new values can be added. Currently, I've designed it to work ...
Ashwin Nepal's user avatar
0 votes
2 answers
549 views

How to add an empty option to a list?

I have a form with some fields with optional data that comes from a list of options. I've build a modal with a list of options the user needs to choose that is opened once the user clicks on the ...
Mendes's user avatar
  • 133
2 votes
1 answer
173 views

How to implement list filter functionality for mobile use case

I have a list of vehicles in a mobile application. The user needs to be able to filter the list of vehicles with a few rules/requirements: User must be able to filter the list of vehicles i.e search ...
calgal90's user avatar
0 votes
1 answer
70 views

Best way to allow user to request dropdown in an autotext template request?

I work at a hospital, where we are trying to standardize user requests for autotext content. The autotext can support inline dropdowns with "alternate" text choices. Simple example: User wants the ...
pediatrictactic's user avatar
3 votes
1 answer
550 views

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

I have a dropdown with checkboxes as items. HERE is the working example I let people select multiple options from this after they search for it One problem I notice is that it is not immediately ...
PirateApp's user avatar
  • 995
4 votes
3 answers
2k views

Amazon's Website Search Bar

Before After Did you notice the change in the results being shown in the drop-down? In the first image, only last words are highlighted in bold but in case of the second image the moment user keys ...
NB4's user avatar
  • 2,491
0 votes
2 answers
572 views

How to deal with a surplus of space in a filter dropdown?

I'm redesigning a filter feature for my company, and I'm running into a problem where I have a surplus of space relative to the small amount of UI elements (see image). I initially thought about just ...
Conor's user avatar
  • 533
4 votes
3 answers
13k views

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

I'm wondering what is the best practice of designing select / drop down lists. In some projects I've worked in the select on a form was filled with first value from the list. In other project we had ...
Arkadiusz Kałkus's user avatar
0 votes
1 answer
268 views

Why do dropdown menus have a space between the highlighted item and the border of the menu?

Why do dropdown menus have a space between the highlighted item and the border of the menu? Why do dropdown menus have a space between the highlighted item and the border of the menu?
clickbait's user avatar
  • 821