imarc / boilerplate

Responsive CSS, HTML and JavaScript front-end starting point, plus components!
https://imarc-boilerplate.netlify.app/
8 stars 10 forks source link

Dropdown does not stay open when clicking a non-link inside expanded dropdown #50

Closed marcelmoreau closed 2 years ago

marcelmoreau commented 2 years ago

Kevin: So, thinking more, I'm guessing that focusout() is being called, and it's focusing something outside the dropdown

Marcel: you are right, if i comment it out, my menu stays open

Kevin: If you console.log(evt.relatedTarget) what does it show?

Marcel: null

Kevin: so actually it's this - https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget - but yes, this does seem like a bug, but I'm not sure exactly how to handle it offhand browser is telling vue that there's no longer any focused element, so it's closing the dropdown

marcelmoreau commented 2 years ago

I forgot this part:

Kevin: I have a fix you can test add a attribute@mousedown.prevent to the .dropdown__content div

Marcel: thank you. it would appear that works. however, it’s as if the whole thing has a user-select: none property as i can not highlight static copy in there