Fix Flyout scrolling in Safari (#2033)

* Add height CSS properties * Update CHANGELOG * Update CHANGELOG.md Co-Authored-By: Caroline Horn <[email protected]>
elastic · Jun 13, 2019 · 1479c81 · 1479c81
1 parent 1bede52
commit 1479c81
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@
 
 **Bug fixes**
 
+- Fixed `EuiFlyout` scrolling in Safari ([#2033](https://github.com/elastic/eui/pull/2033))
 - Fixed `EuiCallOut` header icon alignment ([#2006](https://github.com/elastic/eui/pull/2006))
 - Fixed `EuiInMemoryTable` sort value persistence through lifecycle updates ([#2035](https://github.com/elastic/eui/pull/2035))
 

diff --git a/src/components/flyout/_flyout.scss b/src/components/flyout/_flyout.scss
@@ -7,6 +7,7 @@
   top: 0;
   bottom: 0;
   right: 0;
+  height: 100%;
   z-index: $euiZModal;
   background: $euiColorEmptyShade;
   animation: euiFlyout $euiAnimSpeedNormal $euiAnimSlightResistance;

diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss
@@ -2,6 +2,7 @@
   @include euiOverflowShadow;
   flex-grow: 1;
   overflow-y: hidden;
+  height: 100%;
 
   .euiFlyoutBody__overflow {
     @include euiScrollBar;