Autocomplete helper: fix scrolling to start

src/components/chat/emojiHelper.ts

@@ -21,10 +21,20 @@ export default class EmojiHelper extends AutocompleteHelper {
     this.container.append(this.list);
 
     this.scrollable = new ScrollableX(this.container);
+
+    this.addEventListener('visible', () => {
+      setTimeout(() => { // it is not rendered yet
+        this.scrollable.container.scrollLeft = 0;
+      }, 0);
+    });
   }
 
   public renderEmojis(emojis: string[]) {
     if(this.init) {
+      if(!emojis.length) {
+        return;
+      }
+
       this.init();
       this.init = null;
     }
@@ -36,10 +46,6 @@ export default class EmojiHelper extends AutocompleteHelper {
       });
     }
 
-    if(!this.hidden) {
-      this.scrollable.container.scrollLeft = 0;
-    }
-
     this.toggle(!emojis.length);
   }
 }

src/components/chat/stickersHelper.ts

@@ -25,6 +25,12 @@ export default class StickersHelper extends AutocompleteHelper {
     }, 'ArrowUp');
 
     this.container.classList.add('stickers-helper');
+
+    this.addEventListener('visible', () => {
+      setTimeout(() => { // it is not rendered yet
+        this.scrollable.container.scrollTop = 0;
+      }, 0);
+    });
   }
 
   public checkEmoticon(emoticon: string) {
@@ -75,10 +81,6 @@ export default class StickersHelper extends AutocompleteHelper {
       }
 
       ready.then(() => {
-        if(!this.hidden) {
-          this.scrollable.container.scrollTop = 0;
-        }
-
         this.list.replaceWith(container);
         this.list = container;