remove tab

[lionncle]

when a tab is dynamically removed a error occur : TypeError: e is undefined (tab.js:152:12)
my code:

<div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link" id="firstTab-nav" data-toggle="tab" href="#firstTab" role="tab" >First tab</a>
    <a class="nav-item nav-link" id="secondTab-nav" data-toggle="tab" href="#secondTab">Second tab</a>
<a class="nav-item nav-link" id="thirdTab-nav" data-toggle="tab" href="#thirdTab">Third tab<span class="close ml-1">&times;</span></a>
  </div>
$(".nav-tabs").on("click", "span", function() {
    var tab = $(this).parent();
    // $(tab.attr("href")).remove();
    // $("#firstTab").tab('show');
    tab.tab('dispose');
    tab.remove();
  });

In your documentation, you explain that option .tab('dispose') destroy element's tab but this not working.

[Johann-S]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via CodePen/JS Bin or Stackblitz and report back with your link, Bootstrap version, and specific browser and OS details.

This is an automated reply

[lionncle]

You can find the reduced test case here: https://codepen.io/lionncle/pen/PygzVv
The Bootstrap version is : 4.0.0 (I try with the version 4.1 and I have the same error)
The browser is firefox 63.0 (64 bits)
My OS is ubuntu 18.04.1 LTS.

Note: the code working but an error is raised in the development console.

[Johann-S]

Related to this PR: #25384

[lionncle]

The bug is fixed?

[Johann-S]

Will be fixed

[lionncle]

Ok thanks and I have a question: What does the function .tab('dispose')? In my example this function is useless?

[Johann-S]

No it destroy a tab, which mean this tab won't do anything