Skip to content

Commit 6f47a65

Browse files
committed
refactor: optimize menu toggle for smoother animations
1 parent 01ace3f commit 6f47a65

File tree

1 file changed

+3
-1
lines changed
  • web-components/src/components/header/components/HeaderMenuItem/hooks

1 file changed

+3
-1
lines changed

web-components/src/components/header/components/HeaderMenuItem/hooks/useMenuState.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,9 @@ export const useMenuState = () => {
2626

2727
// Toggle needed for touch devices where hover isn't available
2828
const toggleMenu = () => {
29-
setIsMenuOpen(prev => !prev);
29+
requestAnimationFrame(() => {
30+
setIsMenuOpen(prev => !prev);
31+
});
3032
};
3133

3234
// Reset on route change prevents ghost menus when navigating

0 commit comments

Comments
 (0)