Solved

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

Posted on 2011-09-09
3
614 Views
Last Modified: 2012-05-12
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…
http://www.funasset.net

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!
0
Comment
Question by:funasset
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 36511334
0
 

Author Closing Comment

by:funasset
ID: 36511813
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.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36512113
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. ;)
0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question