-
Notifications
You must be signed in to change notification settings - Fork 155
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
Bugfix: Dropdown menu links not working in Safari #11726
Conversation
Thanks for opening this pull request! The maintainers of this repository would appreciate it if you would create a changelog item based on your changes. |
b8f8e2e
to
57f4cae
Compare
@@ -138,7 +138,8 @@ export default defineComponent({ | |||
} | |||
|
|||
const onFocusOut = (event: FocusEvent) => { | |||
const focusLeft = event.relatedTarget && !unref(drop).contains(event.relatedTarget as Node) | |||
const tippyBox = unref(drop).closest('.tippy-box') |
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.
focusOut event was triggered before the click event and was not bubbling the event up when the hide function was called.
In Chrome/FF the relatedTarget is not set, on Safari it is the tippy box.
Everything is still working fine
Quality Gate passedIssues Measures |
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.
Awesome findings! Thanks for fixing this ❤️
Description
Related Issue
Motivation and Context
How Has This Been Tested?
Screenshots (if appropriate):
Types of changes
Open tasks: