Tabs are not working in current build
See original GitHub issueUsing the current build (https://github.com/twbs/bootstrap/commit/721d948d949f783d3213f383d1ef97ff909a2249) the tabs seems broken for me. You can see a demo of this issue here: https://plnkr.co/edit/VBjPURJoPwCeQWuyt3OB?p=preview
I’ve included the JS (see bootstrap-721d948.min.js) from the master branch.
Clicking the tabs throws a Uncaught TypeError (Cannot read property 'nodeName' of undefined), looks like a regression from #23087 at this line https://github.com/twbs/bootstrap/pull/23087/commits/2eb1e687bd74d147145000b3971821cc890d7652#diff-02a6d2619ddbbd65ac148de3377674eeR154.
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
bootstrap 3 tabs not working properly - Stack Overflow
For anyone struggling with this issue using bootstrap3 use the below classlist. If you've copy pasted from the DOC, It won't surely work....
Read more >Tabs, panels, or other controls are missing from the ribbon in ...
Some full AutoCAD version Tabs and Panels are not available when running AutoCAD LT. Solution: Turn on the missing tabs and panels. Right-click ......
Read more >Latest version, setting Start, Home and New tabs not working
1054.29 (Official build) (64-bit)), the setting in Start, Home and New tabs is not working anymore. Edge is always opened with a new...
Read more >How to Enable Tabs in File Explorer on Windows 11 - Winaero
If you have issues with tabs, you can undo the change at any moment later and disable them. Disable Tabs. To disable tabs,...
Read more >Tab preferences and settings | Firefox Help - Mozilla Support
That new tab will be in the background (the selected tab will not change). ... closing the entire window when you only intend...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Update: Looks like when applying the base
.navclass on the HTML<ul>tag:(https://plnkr.co/edit/lhm70q5YxdsHg10kYjjA?p=preview)
That the error is gone.
To prevent confusion, should this class also be added on the
starter-template? Or is it better that the classnavbar-navis added on Tab.js nav selector? Note that everything was working fine with alpha 6 (so without the base.navclass).Just ran into this after upgrading from Bootstrap4 Beta1 -> 2. Not sure why it just popped up now and not before, but these issues that depend on a parent css class to work are extremely difficult to debug. Would be nice if there weren’t these arbitrarily-required parent classes whose only purpose is for jquery to point at.