[v11] Menu: Menu.Portal and Menu.Item with href incompatible
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- nextjs, react
- 領域
- frontend
調査の方向性
Issue に示されている Menu.Portal と Menu.Item のエントリーポイントから始め、NextLink を使って提供された TSX の例を再現します。項目に href があり、Menu.Portal を通してレンダリングされる場合のクリック動作を追跡します。Home または About を選択するとメニューが閉じ、期待されるナビゲーションが実行されれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Describe the bug
Description
This is a simplified version of my component:
<Menu>
<Menu.Trigger>
<span>Menu</span>
</Menu.Trigger>
<Menu.Portal>
<Menu.List>
<Menu.Item as={NextLink} href="/">
Home
</Menu.Item>
<Menu.Item as={NextLink} href="/about">
About
</Menu.Item>
</Menu.List>
</Menu.Portal>
</Menu>
When using the Menu component with Menu.Portal and Menu.Item rendered as link (as={NextLink}), clicking the menu item closes the dropdown without triggering the actual navigation to the href.
Environment
- PrimeReact: 11.0.0-alpha.9
- React: 19.2.0
- Next.js: 15.5.9
- Tailwindcss: 4.1.17
Suspected Cause
It appears the click event handler that closes the Portal is preventing the default link behavior or stopping event propagation before the NextLink can trigger its navigation. The event sequence seems to prioritize closing the Portal over following the href.
Reproducer
No response
System Information
System:
OS: Windows 11 10.0.26200
CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
Memory: 10.30 GB / 31.46 GB
Binaries:
Node: 23.10.0 - C:\nvm4w\nodejs\node.EXE
npm: 10.9.2 - C:\nvm4w\nodejs\npm.CMD
Browsers:
Chrome: 143.0.7499.147
Edge: Chromium (140.0.3485.54)
Firefox: 141.0 - C:\Program Files\Mozilla Firefox\firefox.exe
Steps to reproduce the behavior
See code snippet
Expected behavior
No response
- 主要言語
- CSS
- スター
- 8.3k
- フォーク
- 1.2k
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
primefaces/primereact のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
primefaces/primereact#8552 ·
-
難易度 1/5 1〜3時間 初心者へのやさしさ 88/100
primefaces/primereact#8550 ·
-
Row checkbox selection tick is invisible in Landing Page Theme section対応中かも @Prakash1185 が 151 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
primefaces/primereact#8545 ·
-
Dependency conflict between jspdf v4 and jspdf-autotable during npm install対応中かも @Kamran92 が 166 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
primefaces/primereact#8537 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 58/100
primefaces/primereact#8551 ·
primefaces/primereact の issue をすべて見る
似ている issue
-
enhancement parity priority: low
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
storytold/gridcraft#3053 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
[Feature]: Make the navbar have all the pages on the site and highlight/bold current page on navbarオープンEasy High
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
ChicoState/creditcardmatch#63 ·
メンテナーはふだん 1 日以内に返信
-
editor good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
webarkit/webarkit-studio#16 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
superdesigndev/treg#1324 ·
メンテナーはふだん 1 日以内に返信