callstack / callstack/react-native-paper

On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior

Open
#4,755 1 comment 4 reactions 0 assignees View on GitHub
bug
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.