New issue

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

#

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

Already on GitHub? # to your account

Jump to bottom

Dropdown menu is clickable even if it's closed #1

Open

avipunes opened this issue Mar 26, 2020 · 1 comment

avipunes commented Mar 26, 2020 •

edited

Loading

I tried to create a PR but I don't have permissions 😕

the issue:
https://media.giphy.com/media/PhTjbkLmtw4w59NsGY/giphy.mp4

potential solution:

.has-dropdown .dropdown {
    pointer-events: none;
}

avipunes changed the title ~~Dropdown menu is clickable even if is closed~~ Dropdown menu is clickable even if it closed

avipunes changed the title ~~Dropdown menu is clickable even if it closed~~ Dropdown menu is clickable even if it's closed

Reshav-Paul commented Mar 27, 2020

another potential solution

.dropdown {
    ...
    visibility: hidden;
    transition: opacity .5s ease-out, visibility .5s;
}

.has-dropdown:focus-within .dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

# for free to join this conversation on GitHub. Already have an account? # to comment