ui icon indicating copy to clipboard operation
ui copied to clipboard

[bug]: Scroll area takes height of screen not parent element when passed class h-full

Open RockBacon9922 opened this issue 1 year ago • 1 comments

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

  1. Create a root element. Set height value to h-screen
  2. Create a element in the root element which is slightly smaller
  3. insert a Scroll Area component
  4. 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

RockBacon9922 avatar Aug 04 '24 15:08 RockBacon9922

#4498

RockBacon9922 avatar Aug 04 '24 15:08 RockBacon9922

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)

shadcn avatar Aug 04 '25 23:08 shadcn

It's still an issue

RockBacon9922 avatar Aug 05 '25 14:08 RockBacon9922