OutSystems UI Dropdown Search - Enhancements for Individual Item Removal
118
Views
6
Comments
Out of scope
OutSystems UI

It would be great to delete individual items from the searchable dropdown widget in a more intuitive way. Currently, as of OutSystems UI 2.19.1, you have to either:

  • Reopen the dropdown search, scroll, and unselect individual items
  • Use the X icon, but that clears all selected items

It would be nice to either click selected items to remove them, which is possible using the advanced server-side dropdown search component, or at least place selected items at the top of the list. 

Here's an example of individual 'X' items implemented using the advanced server-side dropdown search component. 


Having something like that preconfigured out-of-the-box for the standard dropdown search would save on development time and improve the user experience, particularly for those who have to navigate via keyboard. 

a.f.a.i.k, that's what dropdown tags is for ?  If you agree, I would propose to remove this idea.

Or is there stuff dd search can do, that dd tags can't ?


@Dorine Boudry, that's a valid point, and the Dropdown Tags widget gets us halfway there. However, our use case includes users that are differently abled and have to use the keyboard to navigate the page, and the tags are not individually selectable nor are the selected items configurable to place at the top of the list. 

I mentioned keyboard navigation at the end of my original post, but I should have been more clear at the top what I meant when I said 'click'. We're just trying to avoid a situation where users who cannot use a mouse can still delete selected items without having to scroll to find them again or delete all of them to start over.

Ok, that last half sentence didn't register with me.

There is an option to show the selected ones at the top though, just use the client action SetVirtualSelectConfigs in the Initialized event of the widget.

It is available on both dropdown tags and dropdown search (same underlying library)

so my questions is again, can we close this idea as already implemented ?

@Dorine Boudry, good point the virtual select configuration options. I've used them before when specifying the aria-labels, though I didn't realize they also had that option as well. That should work for what our developers need. I think we can close this one. 

Changed the status to
Out of scope

since configuration options can give a solution, marked this as out of scope