Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix issue with tab panel not sizing to height of tabs component. #2458

Merged
merged 3 commits into from
Oct 29, 2024

Conversation

atmgrifter00
Copy link
Contributor

@atmgrifter00 atmgrifter00 commented Oct 29, 2024

Pull Request

🤨 Rationale

The update to the Tabs component introducing scroll buttons #2440 also updated the display setting to flex. This resulted in a missed change in behavior with how the TabPanel might size to the height of the Tabs component. See this discussion.

👩‍💻 Implementation

Just needed to set a style on [part="tabpanel"] to have flex: 1;.

🧪 Testing

Added a Chromatic test that would fail without the style change.

✅ Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

@rajsite rajsite merged commit fae0aee into main Oct 29, 2024
12 checks passed
@rajsite rajsite deleted the tabpanel-display-fix branch October 29, 2024 16:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants