Skip to content

Conversation

tadjik1
Copy link

@tadjik1 tadjik1 commented Jul 30, 2025

WHY are these changes introduced?

This PR addresses issues raised around the Card component having hardcoded overflow behavior (e.g., overflow: hidden or clip), limiting layout flexibility.

It fixes issue #13951 by enabling configuration of horizontal and vertical clipping behavior to support cases like sticky children or internal scrolling.

WHAT is this pull request doing?

Adds two new optional props to Card:

  • overflowX — controls horizontal overflow behavior ('clip', 'hidden', 'scroll')
  • overflowY — controls vertical overflow behavior (same options)

Both props default to 'clip' to preserve existing visual behavior.
The props are forwarded to the underlying component.

No visual appearance changes unless you override overflow behavior. There are no screenshots since UI layout remains visually identical by default.

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

🎩 checklist

@github-actions github-actions bot added the cla-needed Added by a bot. Contributor needs to sign the CLA Agreement. label Jul 30, 2025
@tadjik1
Copy link
Author

tadjik1 commented Jul 30, 2025

I have signed the CLA!

@github-actions github-actions bot removed the cla-needed Added by a bot. Contributor needs to sign the CLA Agreement. label Jul 30, 2025
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.

Add "overflow" property to the <Card />
1 participant