Nested selection in Select component

[muratcorlu]

This is the discussion about our approach to implementing nested selections in our Select component.

[muratcorlu]

Design Meeting Report

Date: 06.06.2023

We had a meeting about this topic and here are the conclusions we had:

• Nested menus/selections would be handled in our List component.
• Select items should be implemented with our List item component.
• When we have enough horizontal space in popover of the select, nested menus would come to next to the current list. If there is not enough space (like in small screens) lists will start swiping with a visible "back" button on top of the list.
• Search functionality of the select should search in whole tree, not just in the visible level(s).
• For visual flexibility, we decided to move search functionality to the select itself instead of popover. When user clicks select, -optionally- select will become a search field automatically by opening its popup. We would show selected items on top of the selection list. So when select is closed, view would be as is. A design will be provided soon for this.
• When user make a search, search results will come to the list as a flat list by including every item's breadcrumb if it's not a root level item.