-
Notifications
You must be signed in to change notification settings - Fork 14.1k
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(explore): fix clearing select data causes popover dismiss #14221
Conversation
Merge master change
Merge master
feat: merge master
Merge master
merge master
merge change
merge master
/testenv up |
@pkdotson Ephemeral environment spinning up at http://34.220.174.219:8080. Credentials are |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM and tested to solve the problem with no noticeable side-effects
Ephemeral environment shutdown and build artifacts deleted. |
…#14221) * fix(explore): fix clearing select data causes popover dismiss * wip: lint * wip: lint
…#14221) * fix(explore): fix clearing select data causes popover dismiss * wip: lint * wip: lint
…#14221) * fix(explore): fix clearing select data causes popover dismiss * wip: lint * wip: lint
SUMMARY
This PR fixes the popover dismissed when clearing select data. The cause of this problem is because the clear icon of react-select will disappear after clicking, and the popover component of Antd will capture the mousedown event, this event will determine whether the current target exists under the parent component(here is document.body) , if it does not exist, the popover will be closed, and at this time the clear icon no longer exists.
All select components which set to
clearable
under popover will have the same problem. So here I passed theactionMeta
property, if it is a clear event, the popover will not be closed.From another perspective, if the clear icon of react select always exists, this problem can be solved.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before
After
TEST PLAN
ADDITIONAL INFORMATION