🐛 fix(context-menu): remove entrance animation for instant appearance

Author: Innei

src/base-ui/ContextMenu/ContextMenuHost.tsx

@@ -19,6 +19,8 @@ import {
 } from './store';
 import { styles } from './style';
 
+const noAnimationStyles = { '--lobe-dropdown-animation-duration': '0ms' } as React.CSSProperties;
+
 export const ContextMenuHost = memo(() => {
   const isClient = useIsClient();
   const appElement = useAppElement();
@@ -67,6 +69,7 @@ export const ContextMenuHost = memo(() => {
           anchor={state.anchor ?? undefined}
           className={styles.positioner}
           sideOffset={6}
+          style={noAnimationStyles}
         >
           <ContextMenu.Popup
             className={styles.popup}

src/base-ui/ContextMenu/renderItems.tsx

@@ -26,9 +26,9 @@ import {
   type RenderOptions,
   type SubMenuType,
 } from '@/Menu';
+import { styles } from '@/Menu/sharedStyle';
 import { preventDefaultAndStopPropagation } from '@/utils/dom';
 
-import { styles } from './style';
 import {
   type ContextMenuCheckboxItem,
   type ContextMenuItem,