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.

<b-tabs> maintain tab state on page refresh

See original GitHub issue

Feature Request:

A directive to add onto <b-tabs> to maintain the current active tab on a page refresh.

Perhaps something like maintain.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
qbuniacommented, Jun 24, 2019

Could you add this to docs so future developers wont have to look for it on issues?

0reactions
tmorehousecommented, Jun 21, 2019

nextTick is not really a hack. I has to do with transition timing, etc. Also b-tab chidren are discovered in created() hook in a nextTick to allow the children to be rendered first before we can see what child b-tabs are there, and we use a nextTick as well after any “update” to allow time for children to finish rendering before updating them with their current state.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Keep the Current Tab Active on Page Reload in ...
Answer: Use the HTML5 localStorage Object​​ In Bootstrap, if you refresh the page the tab is reset to default setting. However, you can...
Read more >
How can I keep selected Bootstrap tab on page refresh?
In my app, I use ":" as hash value separator. <ul class="nav nav-tabs" id="myTab"> <li ...
Read more >
Keep current Bootstrap tab active after page reload ... - CodePen
URL Extension Required. When linking another Pen as a resource, make sure you use a URL Extension of the type of code you...
Read more >
How to syncing React state across multiple tabs with useState ...
Did you know that we can synchronize the state of multiple instances of the same application in different tabs just using client-side ...
Read more >
How to Build a Tabs Component with React - DigitalOcean
In a new terminal tab or window, start the project using the Create React App start script. The browser will auto-refresh on changes, ......
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