angular element with overlay rendered in overlay
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### Reproduction
https://github.com/rcketscientist/AngularElementOverlayRepro
Steps to reproduce:
1. Create an Angular Element that leverages a CdkOverlay Material widget (tooltip, select, etc)
2. Place that selector in a CdkOverlay (MatDialog, for example).
As soon you interact with the "inner" CdkOverlay by hovering over the tooltip or activating the select, the host CdkOverlay will just crash without an error message I can pick up on.
This might not really be a bug, but rather a limitation of Angular Elements, but being that it can be triggered with simple widgets I wonder if there's not some way I can get the Angular Elements to play well with the host.
The Angular Elements work fine when not hosted in a CdkOverlay.
#### Expected Behavior
What behavior were you expecting to see?
CdkOverlay within Angular Element plays well with the host.
#### Actual Behavior
What behavior did you actually see?
Acitvation of the CdkOverlay within an Angular Element causes the host CdkOverlay to silently crash.
#### Environment
- Angular:8
- CDK/Material: 8
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Win/Mac
コントリビューションガイド
調査の方向性
https://github.com/rcketscientist/AngularElementOverlayRepro の再現から始め、Angular 8、CDK/Material 8、Chrome を使用して障害を再現してください。Angular Element の CDK Overlay widget とその host overlay の間の相互作用を調査してください。tooltip または select の操作によって host overlay が暗黙にクラッシュしなくなるか、制限事項が文書化されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 35/100