From 4a5feea38308209cea64ea39465c52fe00128864 Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Tue, 30 Apr 2019 13:21:40 -0400
Subject: [PATCH] Fix overflow of EuiModals in Chrome and Safari (#1902)

---
 CHANGELOG.md                     | 4 +++-
 src/components/modal/_modal.scss | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78491738c87..1015855e1cf 100644
--- 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
index 4c0bc0c1d8d..72ebb98381b 100644
--- 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;