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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user