Drop Down Disappear

1) Script Title: ddlevelsmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...menu/index.htm

3) Describe problem: When I hover over the top level menu item, the drop down appears, but when I move the cursor down to select one of the drop menu selections, the drop down disappears ! If I keep trying, with different mouse movement quickness, the dropdown finally stays put, and I can select a menu item.

Is there some kind of timeout or something to keep this from happening?

I can't replicate the problem you're experiencing unfortunately.
Does it occur on the example page?
What browser are you using?

Yes it happens on the example page. Intermittent on Explorer. Also on Chrome but a bit better perhaps.
I can often get it to occur immediately after refreshing the page. Once it starts working, it sometimes
retains proper function for a while.

Further testing reveals that the issue happens rarely in Chrome. So it's essentially an Explorer issue.

I tried disabling all the Explorer addons. No better.'

Another thing that was mentioned on the web for a fix to disappearing Explorer menus was:
Yeah, I thought that was it. IIRC, the solution was to add relative positioning and a z-index to the menu container. This is from memory, but give it a try. Change the top-level ul styling to this:

ul {
padding:0px;
margin:0px;
position:relative;
z-index:100;
}

What do you think?

Another thing of note:

In Explorer, there is a shadow/border between the horizontal menu and the drop down menus.
If you hesitate, even briefly, over this border, the drop down disappears.

Whereas, in Chrome, the shadow/border does not exist!

Attachment 6354

Quote:

---

Originally Posted by keyboard

I can't replicate the problem you're experiencing unfortunately.
Does it occur on the example page?
What browser are you using?

---

Yes, this occurs on the example page, I can confirm. We have this experience only in IE (version 11 in Windows 10), but depending on the monitor's display settings one needs to change the window's zoom level to replicate the problem. At 100% it may not occur.

1. If it's not occurring in IE for you, zoom in.
2. Slowly move your mouse from the top menu down to the submenu. Just as you cross the border, the submenu will disappear.

It is possible to inconsistently access the submenu depending on mouse speed and how far you move the cursor down. If it would help, I don't mind posting a video demonstration, just let me know.

To us it seems as though maybe there's a pixel or a half-pixel difference or something in how IE calculates the mouse target area for the mouseout event?

Any suggestions you might have for how we can address this would be greatly appreciated. Unfortunately a lot of our user base by default are using IE 11 and a significant subset are experiencing this particular idiosyncrasy.

Thank-you.

There's probably a more sophisticated solution, but we have resolved the issue by raising the submenu by a pixel (-1):

Code:

---

//Sub menu starting top position
        var menutop=(this._istoplevel? this._offsets.top + (dir=="sidebar"? 0 : this._dimensions.h) : this.offsetTop)-1

---