question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tabs are not working in current build

See original GitHub issue

Using 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:closed
  • Created 6 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

19reactions
kleisaukecommented, Aug 22, 2017

Update: Looks like when applying the base .nav class on the HTML <ul> tag:

--- index.html	Tue Aug 22 17:29:03 2017
+++ index.html	Tue Aug 22 17:28:39 2017
@@ -18,7 +18,7 @@
       </button>
 
       <div class="collapse navbar-collapse" id="navbar-header">
-        <ul class="navbar-nav mr-auto" role="tablist">
+        <ul class="nav navbar-nav mr-auto" role="tablist">
           <li class="nav-item">
             <a class="nav-link active" id="over-tab" href="over" data-toggle="tab" data-target="#over" aria-controls="over" role="tab"><span>Over mij</span></a>
           </li>

(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 class navbar-nav is added on Tab.js nav selector? Note that everything was working fine with alpha 6 (so without the base .nav class).

12reactions
k-funkcommented, Nov 21, 2017

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found