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

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.