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.

vertical tabs: tabs not updating with dynamic collapsed prop

See original GitHub issue

Bug

Expected behavior

Collapsed state is toggled when the collapsed prop is dynamic

Actual behavior

The collapsed state is stuck on whatever initial state was provided

Steps to repro

https://codesandbox.io/s/codesandboxer-example-forked-t4wu7?file=/example.tsx (check console to confirm collapsed state is being toggled)

Related packages

Environment

  • OS - MacOS 10.12
  • Browser version - FF85

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
willsotocommented, Feb 8, 2021

We have tabs that start closed until the user is able to access them (via progressing through the project). Only once they have progressed are they allowed to see the other sections.

0reactions
jaketrentcommented, May 20, 2021

@sara-berrios I’d be happy to have a PR that enables this use case. Please make sure to add tests to verify it, and we’ll be off to the races.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tabs | Components - BootstrapVue
Vertical tabs. Have the tab controls placed on the lefthand side by setting the vertical prop to true . Vertical tabs work with...
Read more >
Set form tab properties in Dynamics 365 Customer ...
The tab state can toggle between expanded or collapsed using form scripts or by people selecting the label. Choose the default state for...
Read more >
Vuejs : Open a collapse menu when a particular tab is active ...
Just give all the <b-tab> components a class of tab and then you can use this one function for all the tabs that...
Read more >
[Tabs] Update to match the specification · Issue #15324 - GitHub
We are using scrollable and fullWidth together just fine, it only requires adding a minWidth to the Tab button components but otherwise it...
Read more >
Tabs - React Spectrum Libraries
If there isn't enough horizontal room to render every tab on a single line, the component will collapse all tabs into a Picker...
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