Fix scrolling issue on touch devices

joeattardi · joeattardi · commit 3b3707094350 · 2023-02-07T00:11:51.000-05:00
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 {

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,11 @@ export class EmojiArea extends View {`
`126`	`126`	`}`
`127`	`127`
`128`	`128`	`private handleCategorySelect(category: CategoryKey, options?: SelectCategoryOptions) {`
	`129`	`+`
	`130`	`+ // On touch devices, if there is a "momentum scroll" in progress, we need to stop it so we can jump to the selected category`
	`131`	`+ this.el.style.overflow = 'hidden';`
`129`	`132`	`this.selectCategory(category, options);`
	`133`	`+ this.el.style.overflow = 'auto';`
`130`	`134`	`}`
`131`	`135`
`132`	`136`	`private createCategory(category: Category): EmojiCategory {`