I have a <select> which is inside a <div> that works as a dropdown triggered by a hover. When I move the cursor over the <select> list, it collapses the <div> that contains it making it impossible to interact with it. On top of that, the list looks customized, but I keep experiencing the same if I remove the CSS that customizes the <select>.
I'm very confused because this is an issue I've been experiencing only in Firefox.
Is it there anything faulty with my code or is it the browser?
If someone could give me a hint on what the issue is that would be highly appreciated.
I have a <select> which is inside a <div> that works as a dropdown triggered by a hover. When I move the cursor over the <select> list, it collapses the <div> that contains it making it impossible to interact with it. On top of that, the list looks customized, but I keep experiencing the same if I remove the CSS that customizes the <select>.
I'm very confused because this is an issue I've been experiencing only in Firefox.
Just hover on the text that says "BONKUS: a geometric..." and then click on the buttons that say "Black" or "Left".
[https://www.herzbergdesign.com/bonkus site]
https://www.herzbergdesign.com/bonkus
Is it there anything faulty with my code or is it the browser?
If someone could give me a hint on what the issue is that would be highly appreciated.