Menu briefly flashes at top-left corner before opening at correct position
メンテナーはふだん 3 日以内に返信
@BogiKay がすでに取り組んでいます。
2026年3月9日 から。
評価
この issue はまだ評価されていません。
説明
Current behaviour
When using the Menu component from React Native Paper, a visual glitch occurs:
Whenever the menu is opened dynamically using coordinates (e.g., anchor={{ x, y }}), a semi-transparent duplicate of the menu briefly flashes at the top-left corner of the screen (position (0, 0)) before rendering at the correct anchor position.
This issue happens consistently when opening menus that are positioned using touch event coordinates or dynamic measurement values inside a list (FlatList).
Preview
https://github.com/user-attachments/assets/7b9f5b7a-fcfe-4947-b622-16afd988dd20
Expected behaviour
The Menu should appear only at the specified anchor position immediately upon opening.
There should be no flicker, flash, or duplicate menu rendered at (0, 0).
Actual behaviour
-
When tapping a menu trigger (IconButton), the menu opens correctly at the desired position.
-
However, just before that, a brief flash of the menu appears at the top-left corner of the screen.
-
The flicker looks like a low-opacity duplicate and disappears within a fraction of a second.
How to reproduce?
- Render a list of items (e.g., with FlatList).
- For each item, display a trigger button to open a Menu.
- Use dynamic touch coordinates or measurements to position the menu
const handleOpenMenu = (e) => { const { pageX, pageY } = e.nativeEvent; setMenuPos({ x: pageX, y: pageY }); setMenuVisible(true); } - Open the menu.
- Observe a quick flash at the top-left corner before the menu displays correctly.
Code Snippet
minimal reproduce example
`<Menu
visible={menuVisible}
onDismiss={() => setMenuVisible(false)}
anchor={{ x: menuPos.x, y: menuPos.y }}
<Menu.Item onPress={() => {}} title="Edit Item" />
<Menu.Item onPress={() => {}} title="Delete Item" />
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.3k
- 平均マージ
- 8日 7時間
- マージ済み PR（30日）
- 5
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
callstack/react-native-paper のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
callstack/react-native-paper#5146 · コメント 2 件 ·
メンテナーはふだん 3 日以内に返信
-
Menu ignores the keyboard when it mounts while the keyboard is already open対応中かも @manchoudhary が 49 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
callstack/react-native-paper#5096 ·
メンテナーはふだん 3 日以内に返信
-
Tooltip: onPress event object is not propagated to parent component on native対応中かも @aliyilmaztech が 83 日前に担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
callstack/react-native-paper#5003 ·
メンテナーはふだん 3 日以内に返信
-
Snackbar stays mounted after `visible=false` under new architecture (iOS + Android)再び着手できるかも このイシューのプルリクエストはマージされずにクローズされました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
callstack/react-native-paper#4951 ·
メンテナーはふだん 3 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
callstack/react-native-paper#4881 ·
メンテナーはふだん 3 日以内に返信
callstack/react-native-paper の issue をすべて見る
似ている issue
-
ci-cd desktop size:low telemetry-improvement telemetry-round-1
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
vfarcic/dot-agent-deck#2079 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 83/100
メンテナーはふだん 1 日以内に返信
-
status:in-linear
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
🔊 a11y
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
betagouv/mon-entreprise#4726 ·
メンテナーはふだん 9 日以内に返信