epam / epam/UUI

Picker Input async data source fold/collapse with search

Open
#656 0 comments 0 reactions 1 assignee Claimed by @DzmitryTrubchyk View on GitHub
Design needed feature
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

**Description**
Could you please add ability to collapse searched results in picker input(async data source)

![image](https://user-images.githubusercontent.com/731752/186743594-9c944bc0-fa96-40f9-b79d-826842ecabb9.png)

Steps to reproduce:
1. type something in Picker's search field
2. try to collapse any node

**Describe the solution you'd like**

There's UX/state management issue. At one hand we want to expand all nodes when searching (to show user what's found). At the other hand, we don't want to keep all nodes unfolded, after user clear the search. Ideally, we want to keep all folding user made before search, intact.

One of the solutions is:
- when entering search mode (search was "" and now is not "") - remember the state of 'folded' hash, clear current 'folded' hash
- when search is cleared - restore saved 'folded' hash

Next step: discuss with UX designers

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.