Fix clicking outside button also trigger the menu

src/components/status.jsx

@@ -15,7 +15,7 @@ import { shallowEqual } from 'fast-equals';
 import prettify from 'html-prettify';
 import pThrottle from 'p-throttle';
 import { Fragment } from 'preact';
-import { memo } from 'preact/compat';
+import { forwardRef, memo } from 'preact/compat';
 import {
   useCallback,
   useContext,
@@ -2403,6 +2403,7 @@ function Status({
                   disabled={!canBoost}
                 />
               </div> */}
+                <div class="action has-count">
                   <MenuConfirm
                     disabled={!canBoost}
                     onClick={confirmBoostStatus}
@@ -2438,7 +2439,6 @@ function Status({
                       )
                     }
                   >
-                  <div class="action has-count">
                     <StatusButton
                       checked={reblogged}
                       title={[t`Boost`, t`Unboost`]}
@@ -2449,8 +2449,8 @@ function Status({
                       // onClick={boostStatus}
                       disabled={!canBoost}
                     />
-                  </div>
                   </MenuConfirm>
+                </div>
                 <div class="action has-count">
                   <StatusButton
                     checked={favourited}
@@ -3426,7 +3426,8 @@ function EmbedModal({ post, instance, onClose }) {
   );
 }
 
-function StatusButton({
+const StatusButton = forwardRef((props, ref) => {
+  let {
     checked,
     count,
     class: className,
@@ -3436,8 +3437,8 @@ function StatusButton({
     icon,
     iconSize = 'l',
     onClick,
-  ...props
-}) {
+    ...otherProps
+  } = props;
   if (typeof title === 'string') {
     title = [title, title];
   }
@@ -3460,6 +3461,7 @@ function StatusButton({
 
   return (
     <button
+      ref={ref}
       type="button"
       title={buttonTitle}
       class={`plain ${size ? 'small' : ''} ${className} ${
@@ -3471,7 +3473,7 @@ function StatusButton({
         e.stopPropagation();
         onClick(e);
       }}
-      {...props}
+      {...otherProps}
     >
       <Icon icon={icon} size={iconSize} alt={iconAlt} />
       {!!count && (
@@ -3482,7 +3484,7 @@ function StatusButton({
       )}
     </button>
   );
-}
+});
 
 function nicePostURL(url) {
   if (!url) return;