Dev dialog overflow (#1303)

* dialog overflow option

* fixing out of order

* expected overlay to become before transition

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,

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;
 }

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),