callstack / callstack/react-native-paper
On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
Current behaviour
On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior:
• On first open, the menu appears briefly in the top-left corner of the screen before jumping to the correct trigger position.
• The menu size changes twice visually (from small to full size) during this repositioning.
• On subsequent opens, the menu animates in from the right side of the screen, which is not expected behavior.
• This behavior does not occur on iOS or on Android with the New Architecture disabled.
Expected behaviour
The Menu should:
• Render directly at the correct position (below the trigger)
• Animate naturally (fade or scale in), not from off-screen
• Maintain stable size without double layout jumps
https://github.com/user-attachments/assets/0b149f3d-b19d-4430-bef5-cb417dc9f69c
Contributor guide
Research direction
The issue identifies the Menu component and Android with Fabric, but names no source file or test. Reproduce the first and subsequent opens on Android with the New Architecture enabled, then trace the Menu's positioning, sizing, and animation behavior. Done means the menu opens below its trigger at a stable size with a natural animation, without the reported behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100