Prevent emoji picker scroll from propagating to page

- Added onWheel event handler to stop propagation
- Fixes issue where aggressive scrolling in emoji picker scrolls the page
- Scroll events now stay contained within the emoji picker

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy
2026-02-19 06:48:07 -06:00
parent afac29036a
commit ea11f5acb9
+7 -1
View File
@@ -201,7 +201,13 @@ export function EmojiPicker({ onSelect }: EmojiPickerProps) {
const categoriesToShow = search.trim() ? filteredCategories : CATEGORIES;
return (
<div className="flex flex-col w-[320px] h-[360px]">
<div
className="flex flex-col w-[320px] h-[360px]"
onWheel={(e) => {
// Prevent scroll from bubbling to the page
e.stopPropagation();
}}
>
{/* Search */}
<div className="px-3 pt-3 pb-2">
<div className="relative">