I'm getting an extra UL element with style="display:none". I suspect it's some weird interaction between Bootstrap and nice menus.

This is what the HTML looks like:

<ul class="dropdown-menu" style="visibility: hidden; display: none;">
   <ul style="display: none;">
      <li ....> ...</li>
      <li ....> ...</li>
      <li ....> ...</li>
      <li ....> ...</li>
  </ul>
</ul>

When I remove the extra ul (in Chrome's debugger) things work fine.

Where does it come from? And how do I get properly rid of it?

CommentFileSizeAuthor
#1 Screen Shot 2013-10-19 at 4.23.03 PM.png111.3 KBbdanin
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bdanin’s picture

bdanin CreditAttribution: bdanin commented
FileSize
Screen Shot 2013-10-19 at 4.23.03 PM.png111.3 KB

I can confirm I'm having the same issue ... looking for an answer, do you have one yet?

bdanin’s picture

bdanin CreditAttribution: bdanin commented

So the display: none is generated from the nice_menu.js file on line 33. I've changed the line to block

$('ul.nice-menu ul').css('display', 'block');

and it seems to work, although the CSS from nice_menu.css (line 31) still has ul.nice-menu ul setting visibility: hidden; but at least I can now get everything to show up with a couple css overrides

Edit: what I ended up doing was removing the two lines added to help with IE, so I assume I'll have to fix the IE issues separately later, but this was causing problems, remove this below

// Add in Brandon Aaron’s bgIframe plugin for IE select issues.
// http://plugins.jquery.com/node/46/release

$(this).find('ul').bgIframe({opacity:false});
$('ul.nice-menu ul').css('display', 'none');

and then adding this in CSS: ul.nice-menu li:hover ul ul { visibility:visible; }

bdanin’s picture

bdanin CreditAttribution: bdanin commented
Issue summary: View changes

++

apaderno’s picture

apaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
CreditAttribution: apaderno commented
Title: with bootstrap subtheme: extra ul element with style="display:none" » With Bootstrap subtheme: extra ul element with style="display:none"
Version: 7.x-2.5 » 7.x-2.x-dev
Issue summary: View changes