diff --git a/.changeset/friendly-rockets-sneeze.md b/.changeset/friendly-rockets-sneeze.md new file mode 100644 index 0000000000..1b4bddf5b5 --- /dev/null +++ b/.changeset/friendly-rockets-sneeze.md @@ -0,0 +1,5 @@ +--- +"@rocket.chat/fuselage": patch +--- + +multi-select collapse and scroll issue diff --git a/packages/fuselage/src/components/Menu/Menu.tsx b/packages/fuselage/src/components/Menu/Menu.tsx index 4d8977dcd7..8fe2ae3d9e 100644 --- a/packages/fuselage/src/components/Menu/Menu.tsx +++ b/packages/fuselage/src/components/Menu/Menu.tsx @@ -80,6 +80,22 @@ export const Menu = ({ [hide, reset, options] ); + useEffect(() => { + const handleWheel = (e: any) => { + if (visible === 'visible') { + e.preventDefault(); + } + }; + + if (visible === 'visible') { + document.addEventListener('wheel', handleWheel, { passive: false }); + } + + return () => { + document.removeEventListener('wheel', handleWheel); + }; + }, [visible]); + useEffect(() => { if (visible === 'hidden') { ref.current?.classList.remove('focus-visible');