Dropdown doesn't close

[ecosta1020]

Hey!,

Thanks so much for the time you put on doing this!. It's been great to find it and study it.

I'm trying to do a version of a website with no javascript whatsoever, thinking I could use some style to it in 2024, just to find myself hitting CSS boundaries with your example when trying to have a "normally" working dropdown.

The most I could do is to add classes for selecting its alignment in respect of it's parent, as I wanted the button fully flush right (with little right padding) and the default configuration caused an horizontal overflow in the page, because it's aligned to the left.

Just wanted to confirm with you, because CSS has evolved a lot and I'm no longer up to date, that we cannot have a dropdown menu open when clicked on it's parent, whether it's a button or a link, instead of just when hovering, same as we can't close it once an option has been choosen by the user (besides as it is working now, when the mouse goes away from the menu region, which is ok), can we?

If that's the case, I'm gonna have to resort to the old select and forget about using icons on it for portability.

Not the end of the world, but a bit dissapointing! :D

Thanks,