Fix scrolling issue on touch devices

joeattardi · Feb 7, 2023 · 3b37070 · 3b37070
1 parent 7f7257d
commit 3b37070
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/picmo/src/views/EmojiArea.ts b/packages/picmo/src/views/EmojiArea.ts
@@ -126,7 +126,11 @@ export class EmojiArea extends View {
   }
 
   private handleCategorySelect(category: CategoryKey, options?: SelectCategoryOptions) {
+
+    // On touch devices, if there is a "momentum scroll" in progress, we need to stop it so we can jump to the selected category
+    this.el.style.overflow = 'hidden';
     this.selectCategory(category, options);
+    this.el.style.overflow = 'auto';
   }
 
   private createCategory(category: Category): EmojiCategory {