Recover RECOMMENDED_CSS__SCROLLAREA__VIEWPORT

radix-ui · Jun 10, 2024 · 667bd78 · 667bd78
1 parent e2f981e
commit 667bd78
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/react/scroll-area/src/ScrollArea.stories.tsx b/packages/react/scroll-area/src/ScrollArea.stories.tsx
@@ -512,7 +512,14 @@ const scrollAreaClass = css({
   border: '1px solid black',
 });
 
-const scrollAreaViewportClass = css();
+const RECOMMENDED_CSS__SCROLLAREA__VIEWPORT: any = {
+  width: '100%',
+  height: '100%',
+};
+
+const scrollAreaViewportClass = css({
+  ...RECOMMENDED_CSS__SCROLLAREA__VIEWPORT,
+});
 
 const RECOMMENDED_CSS__SCROLLBAR__ROOT: any = {
   display: 'flex',

diff --git a/packages/react/scroll-area/src/ScrollArea.tsx b/packages/react/scroll-area/src/ScrollArea.tsx
@@ -163,8 +163,6 @@ const ScrollAreaViewport = React.forwardRef<ScrollAreaViewportElement, ScrollAre
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  width: 100%;
-  height: 100%;
 }
 :where([data-radix-scroll-area-content]) {
   flex-grow: 1;