fix(FullScreen): ensure the content is scrollable

ydb-platform · Nov 28, 2024 · e670135 · e670135
1 parent 14b96e7
commit e670135
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Fullscreen/Fullscreen.scss b/src/components/Fullscreen/Fullscreen.scss
@@ -1,5 +1,4 @@
 .ydb-fullscreen {
-    display: flex;
     overflow: hidden;
     flex-grow: 1;
 
@@ -25,4 +24,12 @@
     &_fullscreen &__close-button {
         display: block;
     }
+
+    &__content {
+        display: flex;
+        overflow: auto;
+
+        width: 100%;
+        height: 100%;
+    }
 }
diff --git a/src/components/Fullscreen/Fullscreen.tsx b/src/components/Fullscreen/Fullscreen.tsx
@@ -78,7 +78,7 @@ function Fullscreen({children, className}: FullscreenProps) {
                     >
                         <Icon data={disableFullscreenIcon} />
                     </Button>
-                    {children}
+                    <div className={b('content')}>{children}</div>
                 </div>
             </Portal>
         </div>