From c962cffd698c103f36357a5979419209e44479ca Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Wed, 1 Mar 2023 21:55:08 +0600
Subject: [PATCH] Add scroller to the "StepsDialog" content (#2697)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 packages/ui/src/components/StepsDialog.svelte | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/packages/ui/src/components/StepsDialog.svelte b/packages/ui/src/components/StepsDialog.svelte
index eabf636c2c..8465f93c6a 100644
--- a/packages/ui/src/components/StepsDialog.svelte
+++ b/packages/ui/src/components/StepsDialog.svelte
@@ -169,19 +169,21 @@
     {@const { component, props } = currentStepModel}
     {@const isMobile = $deviceInfo.isMobile}
 
-    <div
-      class="clear-mins"
-      class:popupPanel-body__mobile-content={isMobile}
-      class:popupPanel-body__main-content={!isMobile}
-      class:py-8={!isMobile}
-      class:max={!isMobile && useMaxWidth}
-    >
-      {#if typeof component === 'string'}
-        <Component bind:innerRef={step} is={component} {props} on:change={handleComponentChange} />
-      {:else}
-        <svelte:component this={component} bind:this={step} {...props} on:change={handleComponentChange} />
-      {/if}
-    </div>
+    <Scroller>
+      <div
+        class="clear-mins flex-no-shrink"
+        class:popupPanel-body__mobile-content={isMobile}
+        class:popupPanel-body__main-content={!isMobile}
+        class:py-8={!isMobile}
+        class:max={!isMobile && useMaxWidth}
+      >
+        {#if typeof component === 'string'}
+          <Component bind:innerRef={step} is={component} {props} on:change={handleComponentChange} />
+        {:else}
+          <svelte:component this={component} bind:this={step} {...props} on:change={handleComponentChange} />
+        {/if}
+      </div>
+    </Scroller>
   {/if}
 </Panel>