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.

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

See original GitHub issue

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: https://github.com/twbs/bootstrap/pull/34220/commits/bb668550b19610b5f438d6d98be7eec4efbb0a26. If I revert this commit and try the example above the tabs are working again.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:5
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

github_iconTop Results From Across the Web

Accordion Revert to Default Tab Text When Active Tab is Clicked
Its content is displayed, the text Show -> Hide and vice versa. When accordion-item is clicked, all other elements will be closed.
Read more >
Accordion · Bootstrap v5.0
Build vertically collapsing accordions in combination with our Collapse JavaScript plugin. On this page. How it works; Example. Flush; Always open.
Read more >
Tabs & Accordions – Uncode Theme
Tabs and Panels (Accordions) are popular web elements used in frameworks such as Bootstrap, they are useful to show hidden contents and...
Read more >
Stop Elementor's Accordion Opening on the 1st Tab - YouTube
This is a common issue where the Accordion in Elementor always opens on the 1st Tab. It can be annoying when you don't...
Read more >
Elementor Tab, Toggle or Accordion Remote Control
Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-toggle-open|0' in the Custom Attributes checkbox. If it's ...
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