medly / medly/medly-components
bug: multi-select not closed on dropdown icon click
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 80
- Forks
- 54
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When you have more than one multi-select on a screen and click on the chevron (dropdown) icon to open multiple multi-selects then all of them will open but the focus will be on the one opened with click on input field rather than chevron icon.
To Reproduce
Provide step-by-step instructions to reproduce the bug:
- Go to Multi-select
- Click on
chevron icon(dropdown) of multiple multi-select - See error
Expected behavior
When clicked outside of a multi-select including the chevron icon other multi-select should lost their focus and should close
Screenshots
Package versions
- Latest version as of
1 feb 2022on Meldy components
Additional context
This only happens when multi-select is opened by clicking on chevron icon and not on the click of input field.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Multi-select story at the linked Storybook entry point and reproduce the behavior by opening multiple controls through their chevron icons. Trace the relevant component behavior and verify that clicking a chevron closes other multi-selects and moves focus to the newly opened one.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100