bug(popups): Material popups shown from native HTML dialog don't register mouse events.
維護者通常 1 天內回覆
還沒有人認領這個 Issue。
評估
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 新手友好度
- 42/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- angular, typescript
- 領域
- frontend
研究方向
從 src/main.ts 中連結的 StackBlitz 重現開始，並在 Chrome 中驗證行為：開啟原生對話框，然後嘗試 MatMenu 和 DatePicker。追蹤這些 Material 彈出視窗相對於原生對話框 top layer 的定位方式，並確認點擊和 hover 事件能夠傳遞到元件。對話框開啟時，兩個元件都能回應滑鼠事件即表示完成。
由索引模型根據 Issue 內容生成。
描述
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
Mouse events not registering on multiple material components inside native Dialog.
Originally they appeared behind the dialog due to being created outside of #top-layer.
https://github.com/angular/components/issues/25799
Now they mostly just don't work. They appear in-front of dialog... but mouse events (click/hover) don't register.
https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts
Reproduction
StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts
Steps to reproduce:
- click button to open a native dialog
- click any of the material components
Expected Behavior
The MatMenu and DatePicker should work as expected.
Actual Behavior
Ignores mouse events.
Environment
- Angular: 21.1.3
- CDK/Material: 21.1.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
- 主要語言
- TypeScript
- 星號
- 25k
- 分支
- 6.8k
- 平均合併
- 2 天 19 小時
- 30 天內合併 PR
- 82
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 沒有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
angular/components 的其他 Issue
-
area: cdk/a11y gemini-triaged needs triage
難度 2/5 1-3 小時 新手友好度 67/100
angular/components#33999 ·
維護者通常 1 天內回覆
-
bug(aria/combobox): keys pressed back to back are lost; only the last one reaches the popup可能已有人在做 @drakeo338 於 3 天前認領。 未關閉area: aria/combobox gemini-triaged
難度 2/5 1-3 小時 新手友好度 78/100
angular/components#33973 ·
維護者通常 1 天內回覆
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.可能已有人在做 @lekhmanrus 於 14 天前認領。 未關閉area: material/sort P3
難度 2/5 1-3 小時 新手友好度 70/100
angular/components#33933 ·
維護者通常 1 天內回覆
-
bug(mat-date-picker): month shown twice in date picker可能已有人在做 @PreethiPantangi 於 32 天前認領。 未關閉area: material/datepicker P4
難度 2/5 1-3 小時 新手友好度 72/100
angular/components#33763 · 2 則留言 · 3 個 reaction ·
維護者通常 1 天內回覆
-
Bug in table.scss footer cell height: unset instead of footer row height unset可能已有人在做 @minwookshin 於 18 天前認領。 未關閉area: material/table P4
難度 1/5 1 小時以內 新手友好度 88/100
angular/components#33709 · 1 則留言 ·
維護者通常 1 天內回覆
查看 angular/components 的全部 Issue
相似的 Issue
-
数据界面的横向滚动条缺失未關閉
難度 2/5 1-3 小時 新手友好度 62/100
zilliztech/attu#1037 ·
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3
難度 2/5 1-3 小時 新手友好度 76/100
openclaw/openclaw#181212 · 1 則留言 · 1 個 reaction ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 78/100
apify/apify-mcp-server#1684 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 82/100
Automattic/data-liberation-agent#953 ·
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 78/100
siteboon/claudecodeui#1642 ·
維護者通常 5 天內回覆