Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: filterable multiselect search issue #16729

Conversation

riddhybansal
Copy link
Contributor

@riddhybansal riddhybansal commented Jun 10, 2024

Closes #16145

When using a FilterableMultiSelect inside of a Tab/TabPanel and you use the search bar to filter the list, if there is a scroll bar and you use the mouse to scroll the list, the search term clears out, just as if you were to click outside of the FilterableMultiSelect. Doing the same while not in a Tab/TabPanel does NOT clear the search term (as expected and desired).

Changelog

New

  • Removed onBlur function and added all its functionality to the stateReducer as it was capturing the event more appropriately.

Testing / Reviewing

Select the filterable multi select inside the Test story, search on aa and then try to scroll the list by scrollbar the search field should not get empty
Try clicking outside anywhere on the screen when filterable multiselect is opened, it should work as intended.

@riddhybansal riddhybansal requested a review from a team as a code owner June 10, 2024 11:30
Copy link

netlify bot commented Jun 10, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 05be270
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/6666e3f0cc8fa10008be8df1
😎 Deploy Preview https://deploy-preview-16729--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jun 10, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 05be270
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/6666e3f03604db000831c61f
😎 Deploy Preview https://deploy-preview-16729--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jun 10, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 2cacc63
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/6672869b9ac590000806e36d
😎 Deploy Preview https://deploy-preview-16729--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jun 10, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 2cacc63
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/6672869b79e1040008d512f1
😎 Deploy Preview https://deploy-preview-16729--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@riddhybansal riddhybansal force-pushed the Filterable_Multiselect_search_issue branch from 7b11747 to 1c76d24 Compare June 10, 2024 13:09
Copy link
Contributor

@guidari guidari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM once the Test story is removed.

@riddhybansal riddhybansal added this pull request to the merge queue Jun 19, 2024
Merged via the queue into carbon-design-system:main with commit 763e480 Jun 19, 2024
22 checks passed
@riddhybansal riddhybansal deleted the Filterable_Multiselect_search_issue branch June 19, 2024 07:56
@carbon-automation
Copy link
Contributor

Hey there! v11.60.0 was just released that references this issue/PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: FilterableMultiSelect focus clearing issue
3 participants