Tab content of active tab (inside a Accordion) disappears after opening the Accordion.

[sebastianbrosch]

Operating system: Windows 10
Browser: Google Chrome 92.0.4515.131

Since Bootstrap 5.1.0 the tab content of the first tab inside a Accordion isn't visible anymore.

Demo Bootstrap 5.0.2 (working): https://codepen.io/sebastianbrosch/pen/NWjONrJ
Demo Bootstrap 5.1.0 (not working): https://codepen.io/sebastianbrosch/pen/LYyBXpa

After reopening the Accordion the content of the first Tab disappears. Opening the Accordion is removing .show class from .tab-pane (and also adds a .collapse class to .tab-pane). The content of the active tab disappears after reopening the Accordion.

It looks like this commit caused the issue: bb66855. If I revert this commit and try the example above the tabs are working again.

[dariocarbone]

Same issue here....it seems related to nested tab panels inside accordions

[dariocarbone]

any workaround doable at this time?

[GeoSot]

@sebastianbrosch thank you for your examples,

I have made a regression MR #34835 .
Please use the following script and confirm that it works fine
https://deploy-preview-34835--twbs-bootstrap.netlify.app/docs/5.1/dist/js/bootstrap.bundle.min.js

[dariocarbone]

Now it works flawless, hoping it will be a new official release soon, thanks. Sorry for bothering you, but could you please link even a bootstrap.esm.min script?

[sebastianbrosch]

@dariocarbone https://deploy-preview-34835--twbs-bootstrap.netlify.app/docs/5.1/dist/js/bootstrap.esm.min.js

[sebastianbrosch]

@GeoSot It is working fine using the deploy preview: https://codepen.io/sebastianbrosch/pen/OJgVRbP

[GeoSot]

Really, thank you both guys