From a164916c3be932cde83d3867747ab140e05bc3a9 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Mon, 7 Nov 2022 07:16:37 +0300
Subject: [PATCH] Fixed scrolling in Telegram (#2357)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/theme/styles/_layouts.scss                 |  1 +
 packages/ui/src/components/Scroller.svelte          | 13 ++-----------
 .../src/components/Message.svelte                   |  2 +-
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index a03aa076d4..d93e7053e9 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -148,6 +148,7 @@ input.search {
 .inline-flex { display: inline-flex; }
 .flex-grow { flex-grow: 1; }
 .flex-no-shrink { flex-shrink: 0; }
+.flex-shrink { flex-shrink: 1; }
 .flex-wrap { flex-wrap: wrap !important; }
 .flex-nowrap { flex-wrap: nowrap !important; }
 .flex-baseline {
diff --git a/packages/ui/src/components/Scroller.svelte b/packages/ui/src/components/Scroller.svelte
index 6867a13c7a..096bbbe230 100644
--- a/packages/ui/src/components/Scroller.svelte
+++ b/packages/ui/src/components/Scroller.svelte
@@ -237,7 +237,7 @@
 
 <svelte:window on:resize={_resize} />
 
-<div style={scrollerVars} class="scroller-container {invertScroll ? 'invert' : 'normal'}" class:bottomStart>
+<div style={scrollerVars} class="scroller-container {invertScroll ? 'invert' : 'normal'}">
   <div class="horizontalBox" class:horizontalFade={horizontal}>
     <div
       bind:this={divScroll}
@@ -269,6 +269,7 @@
         on:dragover
         on:drop
       >
+        {#if bottomStart}<div class="flex-grow flex-shrink" />{/if}
         <slot />
       </div>
     </div>
@@ -385,16 +386,6 @@
     flex-direction: column;
     justify-content: flex-start;
   }
-  .scroller-container.bottomStart {
-    justify-content: flex-end;
-    .scroll {
-      flex-grow: 0;
-      height: min-content;
-      .box {
-        height: min-content;
-      }
-    }
-  }
 
   .track,
   .track-horizontal {
diff --git a/plugins/telegram-resources/src/components/Message.svelte b/plugins/telegram-resources/src/components/Message.svelte
index 38d64a4c88..0faf6c526c 100644
--- a/plugins/telegram-resources/src/components/Message.svelte
+++ b/plugins/telegram-resources/src/components/Message.svelte
@@ -71,7 +71,7 @@
     width: 100%;
     max-width: 100%;
     min-width: 0;
-    min-height: 0;
+    min-height: min-content;
   }
   .message-row {
     display: flex;