angular / angular/components

angular element with overlay rendered in overlay

Ouverte
#16,862 17 commentaires 14 réactions 0 personnes assignées Voir sur GitHub
area: cdk/overlay feature P5
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction sur https://github.com/rcketscientist/AngularElementOverlayRepro et reproduisez l'échec avec Angular 8, CDK/Material 8 et Chrome. Étudiez l'interaction entre le widget CDK Overlay d'un Angular Element et son overlay hôte ; le travail est terminé lorsque l'interaction avec le tooltip ou le select ne fait plus silencieusement planter l'overlay hôte, ou lorsque la limitation est documentée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.