From 3dde4c4cda3d0d8edcd5c28790687839b4b151d8 Mon Sep 17 00:00:00 2001
From: Austin Peterson <austinppeterson@gmail.com>
Date: Sun, 2 Apr 2017 06:17:14 -0600
Subject: [PATCH] Dev dialog overflow (#1303)

* dialog overflow option

* fixing out of order

* expected overlay to become before transition
---
 components/dialog/Dialog.js  | 1 +
 components/dialog/config.css | 1 +
 components/dialog/theme.css  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/components/dialog/Dialog.js b/components/dialog/Dialog.js
index 383e657a..74330861 100644
--- a/components/dialog/Dialog.js
+++ b/components/dialog/Dialog.js
@@ -68,6 +68,7 @@ const factory = (Overlay, Button) => {
       button: PropTypes.string,
       dialog: PropTypes.string,
       navigation: PropTypes.string,
+      overflow: PropTypes.string,
       overlay: PropTypes.string,
       title: PropTypes.string,
       wrapper: PropTypes.string,
diff --git a/components/dialog/config.css b/components/dialog/config.css
index 77f0b8c9..e3c1ccb9 100644
--- a/components/dialog/config.css
+++ b/components/dialog/config.css
@@ -5,4 +5,5 @@
   --dialog-content-padding: calc(2.4 * var(--unit));
   --dialog-navigation-padding: calc(0.8 * var(--unit));
   --dialog-translate-y: calc(4 * var(--unit));
+  --overflow: hidden;
 }
diff --git a/components/dialog/theme.css b/components/dialog/theme.css
index 3895f103..294255ce 100644
--- a/components/dialog/theme.css
+++ b/components/dialog/theme.css
@@ -25,6 +25,7 @@
   max-height: 96vh;
   max-width: 96vw;
   opacity: 0;
+  overflow: var(--overflow);
   transform: translateY(calc(-1 * var(--dialog-translate-y)));
   transition:
     opacity var(--animation-duration) var(--animation-curve-default),