Fix overflow of EuiModals in Chrome and Safari (#1902)

elastic · Apr 30, 2019 · 4a5feea · 4a5feea
1 parent bcbfba6
commit 4a5feea
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `10.2.1`.
+**Bug fixes**
+
+- Fixed overflow scrolling of `EuiModal` and `EuiConfirmModal` for Chrome and Safari ([#1902](https://github.com/elastic/eui/pull/1902))
 
 ## [`10.2.1`](https://github.com/elastic/eui/tree/v10.2.1)
 

diff --git a/src/components/modal/_modal.scss b/src/components/modal/_modal.scss
@@ -51,6 +51,9 @@
   @include euiOverflowShadow;
   flex-grow: 1;
   overflow: hidden;
+  // The below fixes scroll on Chrome and Safari
+  display: flex;
+  flex-direction: column;
 
   .euiModalBody__overflow {
     @include euiScrollBar;