Results 1 to 8 of 8

Thread: Drop Down Disappear

  1. #1
    Join Date
    Apr 2019
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 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?
    Last edited by elb; 04-26-2019 at 07:26 PM.

  2. #2
    Join Date
    Mar 2011
    Posts
    1,922
    Thanks
    59
    Thanked 105 Times in 103 Posts
    Blog Entries
    4

    Default

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

  3. #3
    Join Date
    Apr 2019
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Apr 2019
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

  5. #5
    Join Date
    Apr 2019
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

  6. #6
    Join Date
    Apr 2019
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!

    Click image for larger version. 

Name:	menu_capture.jpg 
Views:	109 
Size:	13.2 KB 
ID:	6354

  7. #7
    Join Date
    Oct 2019
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE Explorer issue, seems to depend on display settings or mouse event handling

    Quote Originally Posted by keyboard View Post
    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.

  8. #8
    Join Date
    Oct 2019
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

Similar Threads

  1. jQuery Drop Line Menus become jumbled or disappear
    By MikeAlex in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-08-2011, 01:46 PM
  2. Appear/Disappear Problems
    By Clayf700 in forum JavaScript
    Replies: 2
    Last Post: 01-01-2011, 09:42 PM
  3. Resolved Chrome CSS Drop Down Menu Makes Site Disappear in IE6 and 7
    By DMohnStudios in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-03-2010, 05:56 AM
  4. submenus disappear
    By mcolton in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 07-17-2009, 11:37 AM
  5. Making a DIV appear then disappear?
    By Remotive in forum JavaScript
    Replies: 1
    Last Post: 08-26-2007, 06:16 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •