fix(fuselage): kebab menu click not working properly (#740)

Co-authored-by: Tasso Evangelista <[email protected]>
RocketChat · Jun 10, 2022 · 8e5b4af · 8e5b4af
1 parent a666f3c
commit 8e5b4af
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/fuselage/src/components/Menu/Menu.tsx b/packages/fuselage/src/components/Menu/Menu.tsx
@@ -1,6 +1,6 @@
 import type { Placements } from '@rocket.chat/fuselage-hooks';
 import type { ComponentProps, ElementType, ReactNode } from 'react';
-import React, { useRef, useCallback } from 'react';
+import React, { useRef, useCallback, useEffect } from 'react';
 
 import { ActionButton, PositionAnimated, Options, useCursor } from '..';
 import type Box from '../Box';
@@ -74,6 +74,12 @@ export const Menu = ({
     [hide, reset, options]
   );
 
+  useEffect(() => {
+    if (visible === 'hidden') {
+      ref.current?.classList.remove('focus-visible');
+    }
+  }, [visible]);
+
   return (
     <>
       <ActionButton