Dropdown menu is clickable even if it's closed

[avipunes]

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;
}

[Reshav-Paul]

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;
}