• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 675
  • Last Modified:

DIV loses focus when HTML select control option is hovered over in IE

I added a HTML select control to a div drop-down menus on a website I am starting to develop. When I hover over an option in the HTML select control the div drop-down menu it is contained in, automatically and immediately loses focus and disappears – so it is impossible to select an option in the HTML select control. This only happens in Internet Explorer. It works perfectly in Firefox and Chrome (i.e. you can hover over options and the drop-down menu div remains focused and visible).

Here is the problematic page…

HTML select controls appear on the Products and Solutions drop-down menus. Both are problematic.

Note: There are no active links on this web page.

I hope someone can help me please!
  • 2
1 Solution
funassetAuthor Commented:
I tried the example provided and it works perfectly in all browsers - even nasty IE. However, implementing it means hacking my code about and changing the way the entire menu system works (which is currently CSS driven).

I think I might remove the select controls from the drop-down menus, but thanks for your great answer.
Sorry I couldn't help you more.  But please dont' try to "hack" your code. If you can't get something, ask us.

I was going to ask you if you had another way to present those options to the user. It's not a "bad" way necessarily, however you may want to think about the overall user-experience when doing something like that.  Not to mention, as you've just seen, the cross-browser nightmares. ;)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now