Comments (12)
Thanks for sharing the code! It's working for me! 👍
from bootstrap-hover-dropdown.
This has solved issues for me as well. Thanks for posting your fix.
from bootstrap-hover-dropdown.
I don't understand... what element do you have that's triggering the hover? I didn't see the attributes to trigger it. I mean, with just that markup, it shouldn't work at all.
from bootstrap-hover-dropdown.
Hi - I assume @aamjsadiq is referring to code within a Nav <li>, I have a similar scenario and his fix solved the intermittent hover issues for me.
from bootstrap-hover-dropdown.
Hi @CWSpear ,
Sorry for posting a dummy code.
The Actual code looks somewhat similar to below.
<a href="#" data-toggle="dropdown" data-delay="10" data-hover="dropdown" data-close-others="true" class="main">
<span class="icon-home"></span>
Text For Link
</a>
The issue happens when your mouse hover target is actually the span , as per existing code it checks whether the target is <a>
, but the fix checks for any child elements inside the<a>
as well.
from bootstrap-hover-dropdown.
+1
from bootstrap-hover-dropdown.
We also needed this tweak, thanks!
from bootstrap-hover-dropdown.
Exactly same issue, and this worked fine. Thanks.
from bootstrap-hover-dropdown.
+1
it has to be in the main branch
from bootstrap-hover-dropdown.
@aamjsadiq can you provide a PR for this making it easier for @CWSpear to adopt it?
from bootstrap-hover-dropdown.
@aamjsadiq thank you for this patch.
Why is this issue still open?
from bootstrap-hover-dropdown.
I guess a Pull Request would make it easier for the maintainer to merge...
from bootstrap-hover-dropdown.
Related Issues (20)
- Versions do not update on CDNJS.com HOT 6
- Hover is not working in Chrome Version 47.0.2526.80 m HOT 6
- demo site down? HOT 2
- Doesn't work on Firefox 43.0.4 on Windows 10 Professional. HOT 2
- Problem when navbar is collapsed HOT 4
- Problem with hover on <a> ? HOT 3
- Deactivate hover when in "mobile mode" HOT 4
- Mouseover inputbox's remembered value will close the nav
- invalid-meta bootstrap-hover-dropdown
- Can't toggle dropdown on touch devices unless using bootstrap's data-toggle="dropdown" HOT 1
- Hover works only sometimes HOT 5
- shown.bs.dropdown & hidden.bs.dropdown are not triggered HOT 2
- Can't seelct the top level nav item HOT 2
- Delay option for submenus
- Anchor element gets hidden HOT 1
- Padding and margin prevents openDropdown event
- Doesn't work on Firefox 57.0.2 (64-bit) HOT 2
- My hover silently fails... HOT 3
- Any chance to implement Bootstrap 5 support?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-hover-dropdown.