ui
ui copied to clipboard
[bug]: Scroll area takes height of screen not parent element when passed class h-full
Describe the bug
When you have a scroll element not which is not in the root div; and you apply the class "h-full" the element will take up the height of the screen not the parent div.
Affected component/components
ScrollArea
How to reproduce
- Create a root element. Set height value to h-screen
- Create a element in the root element which is slightly smaller
- insert a Scroll Area component
- put a large amount of data/elements/text in the ScrollArea component
- you should notice that the ScrollArea component overflows the screen
Codesandbox/StackBlitz link
https://stackblitz.com/edit/stackblitz-starters-87rbtc?file=app%2Fpage.tsx
Logs
No response
System Info
Chrome
Before submitting
- [X] I've made research efforts and searched the documentation
- [X] I've searched for existing issues
#4498
This issue has been automatically marked as stale due to one year of inactivity. It will be closed in 7 days unless there’s further input. If you believe this issue is still relevant, please leave a comment or provide updated details. Thank you. (This is an automated message)
It's still an issue