Merge branch 'fix-pointer-events-bug' into 'develop'

Close dropdown-menu when component unmounts

See merge request soapbox-pub/soapbox!2284

app/soapbox/components/dropdown-menu/dropdown-menu-item.tsx

@@ -64,7 +64,7 @@ const DropdownMenuItem = ({ index, item, onClick }: IDropdownMenuItem) => {
     const firstItem = index === 0;
 
     if (itemRef.current && firstItem) {
-      itemRef.current.focus();
+      itemRef.current.focus({ preventScroll: true });
     }
   }, [itemRef.current, index]);
 

app/soapbox/components/dropdown-menu/dropdown-menu.tsx

@@ -211,6 +211,11 @@ const DropdownMenu = (props: IDropdownMenu) => {
     }
   };
 
+  useEffect(() => {
+    return () => {
+      dispatch(closeDropdownMenu());
+    };
+  }, []);
 
   useEffect(() => {
     document.addEventListener('click', handleDocumentClick, false);