Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Issues with <select>

  • No replies
  • 1 has this problem
  • 1 view
more options

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". 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.

I have a &lt;select&gt; which is inside a &lt;div&gt; that works as a dropdown triggered by a hover. When I move the cursor over the &lt;select&gt; list, it collapses the &lt;div&gt; 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.
Attached screenshots

Modified by cor-el