Fix issue with tab panel not sizing to height of tabs component. #2458
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Pull Request
🤨 Rationale
The update to the
Tabs
component introducing scroll buttons #2440 also updated thedisplay
setting toflex
. This resulted in a missed change in behavior with how theTabPanel
might size to the height of theTabs
component. See this discussion.👩💻 Implementation
Just needed to set a style on
[part="tabpanel"]
to haveflex: 1;
.🧪 Testing
Added a Chromatic test that would fail without the style change.
✅ Checklist