search

mdbootstrap / bootstrap-hover-dropdown

An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.
http://cameronspear.com/demos/bootstrap-hover-dropdown/
MIT License
1.26k stars 503 forks source link

Problem with hover on <a> ? #145

Closed Gaetan-dc closed 8 years ago

Gaetan-dc commented 8 years ago

Hi,

I have a problem when using the toggle on an <a> element : the hover triggers when I come from below the element, but not from above or the sides. You can see it here, try to hover "Products" in the top : http://wrap.dynamicweb-cms.com/home-2 Here is what the HTML looks like : 

<li class="dropdown dw-navbar-button">
 <a href="/products-1" data-close-others="true" data-hover="dropdown" class="dropdown-toggle">Products<span></span></a>
    <ul class="M1 dropdown-menu">
      <li class="dropdown">
        <a href="/products-1/bikes">Bikes<span></span></a>
      </li>
      <!-- etc. -->
    </ul>
  </li>

If I replace <a> by <button>, I don't have any problem. I have updated to the latest version locally but no luck.

Any idea where this could come from ?

Thanks !

rebdev commented 8 years ago

Pssst: the link you give isn't working.

Gaetan-dc commented 8 years ago

Hm, weird. I tried it in incognito mode and on my phone, and I don't have any problem accessing it.

CWSpear commented 8 years ago

This is related to #8, #16 and #27. In short, this isn't supported, but it's not a bug either. There are some hacky workarounds, and it's on the roadmap for v3, which is indefinitely stalled (see other v3 tickets for more on that).