From eafce08995fa4b73616f32122b31662cb37d7204 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 28 Feb 2026 19:50:31 +0000
Subject: [PATCH] Add disableTransition prop to Menu, enable transition on
 Repost button

- Add `disableTransition` prop to Menu.Outer that skips passing
  sourceViewTag when true, disabling the fluid morph transition.
- Apply disableTransition to the profile menu (share, add to list, etc.)
- Enable the fluid transition on the Repost button by passing
  sourceViewTag from a ref on the PostControlButton.

https://claude.ai/code/session_011cNDhEb2cDgg5QbVuzEyH1
---
 src/components/Menu/index.tsx                |  6 +++++-
 src/components/PostControls/RepostButton.tsx | 11 ++++++++---
 src/view/com/profile/ProfileMenu.tsx         |  2 +-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index 5c39fa24e4..f51610b1f1 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -98,13 +98,17 @@ export function Trigger({
 export function Outer({
   children,
   showCancel,
+  disableTransition,
 }: React.PropsWithChildren<{
   showCancel?: boolean
   style?: StyleProp<ViewStyle>
+  disableTransition?: boolean
 }>) {
   const context = useMenuContext()
   const {_} = useLingui()
-  const sourceViewTag = findNodeHandle(context.triggerRef.current) ?? undefined
+  const sourceViewTag = disableTransition
+    ? undefined
+    : (findNodeHandle(context.triggerRef.current) ?? undefined)
 
   return (
     <Dialog.Outer
diff --git a/src/components/PostControls/RepostButton.tsx b/src/components/PostControls/RepostButton.tsx
index 734cafa3c8..42d78e3e1f 100644
--- a/src/components/PostControls/RepostButton.tsx
+++ b/src/components/PostControls/RepostButton.tsx
@@ -1,5 +1,5 @@
-import {memo, useCallback} from 'react'
-import {View} from 'react-native'
+import {memo, useCallback, useRef} from 'react'
+import {findNodeHandle, View} from 'react-native'
 import {msg, plural} from '@lingui/core/macro'
 import {useLingui} from '@lingui/react'
 import {Trans} from '@lingui/react/macro'
@@ -41,6 +41,7 @@ let RepostButton = ({
   const requireAuth = useRequireAuth()
   const dialogControl = Dialog.useDialogControl()
   const formatPostStatCount = useFormatPostStatCount()
+  const btnRef = useRef<View>(null)
 
   const onPress = () => requireAuth(() => dialogControl.open())
 
@@ -56,6 +57,7 @@ let RepostButton = ({
   return (
     <>
       <PostControlButton
+        ref={btnRef}
         testID="repostBtn"
         active={isReposted}
         activeColor={t.palette.positive_500}
@@ -94,7 +96,10 @@ let RepostButton = ({
       </PostControlButton>
       <Dialog.Outer
         control={dialogControl}
-        nativeOptions={{preventExpansion: true}}>
+        nativeOptions={{
+          preventExpansion: true,
+          sourceViewTag: findNodeHandle(btnRef.current) ?? undefined,
+        }}>
         <Dialog.Handle />
         <RepostButtonDialogInner
           isReposted={isReposted}
diff --git a/src/view/com/profile/ProfileMenu.tsx b/src/view/com/profile/ProfileMenu.tsx
index 900989c0c6..1bb74f4d9e 100644
--- a/src/view/com/profile/ProfileMenu.tsx
+++ b/src/view/com/profile/ProfileMenu.tsx
@@ -262,7 +262,7 @@ let ProfileMenu = ({
           }}
         </Menu.Trigger>
 
-        <Menu.Outer style={{minWidth: 170}}>
+        <Menu.Outer style={{minWidth: 170}} disableTransition>
           <Menu.Group>
             <Menu.Item
               testID="profileHeaderDropdownShareBtn"