You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In the PaginatedMultiSelectFiltered component, an unexpected behavior occurs when closing the dropdown menu. It behaves as expected when clicking outside the component or inside the anchor (placeholder input text field). However, clicking inside the box anywhere except the anchor causes the dropdown to close and reopen, resulting in a jump. This issue is present in the component itself and is also observed in the Rocket Chat web application when creating channels.
Steps to reproduce
Clone the fuselage repository.
Navigate to the fuselage monorepo responsible for components.
Execute yarn install to install dependencies, followed by yarn build for the build process.
Execute yarn lint and yarn test to verify everything.
Change directory to packages/fuselage.
Run yarn storybook.
In the Storybook interface, select the PaginatedMultiSelectFiltered from the list of components.
Test the issue as demonstrated in the attached video.
You can also verify this within the Add Member multiselect box when creating channels in the Rocket Chat web application.
Expected behavior
The dropdown should close when clicking anywhere on the component.
Maintainers, I've submitted a PR. Please review it. I'm unsure about the config error displayed under "kodiakhq: status." and merging is blocked. This is my first contribution, so I would appreciate guidance if possible.
Description
In the PaginatedMultiSelectFiltered component, an unexpected behavior occurs when closing the dropdown menu. It behaves as expected when clicking outside the component or inside the anchor (placeholder input text field). However, clicking inside the box anywhere except the anchor causes the dropdown to close and reopen, resulting in a jump. This issue is present in the component itself and is also observed in the Rocket Chat web application when creating channels.
Steps to reproduce
yarn install
to install dependencies, followed byyarn build
for the build process.yarn lint
andyarn test
to verify everything.packages/fuselage
.yarn storybook
.You can also verify this within the Add Member multiselect box when creating channels in the Rocket Chat web application.
Expected behavior
The dropdown should close when clicking anywhere on the component.
Actual behavior
2024-01-11.11-36-07.mp4
Setup Information
OS: Ubuntu 22.04.3 LTS
Storybook: 6.5.16
Node JS Version: v14.21.3
The text was updated successfully, but these errors were encountered: