From c578aa02a8c9a1bec0b8aa7b6c7a9de21f7b3dd7 Mon Sep 17 00:00:00 2001
From: Osipov Vladimir <zouxuoz@gmail.com>
Date: Tue, 29 Oct 2019 17:38:21 +0300
Subject: [PATCH] fix(Dialog): scrollable for no-stretch dialogs

---
 src/components/Dialog/Dialog.stories.js | 27 ++++++++++++++++++++++++-
 src/components/Dialog/Dialog.theme.js   |  1 +
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialog/Dialog.stories.js b/src/components/Dialog/Dialog.stories.js
index 66f99f68..64134b88 100644
--- a/src/components/Dialog/Dialog.stories.js
+++ b/src/components/Dialog/Dialog.stories.js
@@ -71,7 +71,7 @@ withLargeSize.story = {
 };
 
 export const withScroll = () => (
-  <Dialog size="sm" isOpen data-e2e-id="default-dialog" stretch>
+  <Dialog size="sm" isOpen data-e2e-id="default-dialog">
     <Dialog.Header title="Mark Job as Completed" />
     <Dialog.Body scrollable>
       <Column>
@@ -95,6 +95,31 @@ withScroll.story = {
   name: 'with scroll',
 };
 
+export const withStretchScroll = () => (
+  <Dialog size="sm" isOpen data-e2e-id="default-dialog" stretch>
+    <Dialog.Header title="Mark Job as Completed" />
+    <Dialog.Body scrollable>
+      <Column>
+        { new Array(100).fill('').map(() => (
+          <Paragraph key="">
+            Fagelia cancrivorous Nahor Curucaneca Echinocaris intrafissural glassful agronomics
+          </Paragraph>
+        )) }
+      </Column>
+    </Dialog.Body>
+    <Dialog.Footer>
+      <Button color="neutral" variant="outlined">
+        Cancel
+      </Button>
+      <Button type="submit">Apply</Button>
+    </Dialog.Footer>
+  </Dialog>
+);
+
+withScroll.story = {
+  name: 'with stretch scroll',
+};
+
 export const withState = () => (
   <ModalContext.Consumer>
     { ({ openModal, closeModal }) => (
diff --git a/src/components/Dialog/Dialog.theme.js b/src/components/Dialog/Dialog.theme.js
index 33a685a9..7a2d437c 100644
--- a/src/components/Dialog/Dialog.theme.js
+++ b/src/components/Dialog/Dialog.theme.js
@@ -73,6 +73,7 @@ const [DialogInnerTag, themeDialogInner] = createThemeTag('dialogInner', {
     },
 
     height: '100%',
+    overflow: 'auto',
   },
   modifiers: {
   },