Full-screen overlay container doesn't work when fullscreen element is within an overlay
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Bug, feature request, or proposal:
I believe this might be a bug.
In this example I try to load a snackbar into a container using the `viewContainerRef` config.
https://stackblitz.com/edit/angular-material-tooltip-in-container
#### What is the expected behavior?
The snackbar should align itself to the viewContainerRef that is provided.
#### What is the current behavior?
But the `_createOverlay` function does not look at this config and always creates the overlay using the `GlobalPositionStrategy` instead of `ConnectedPositionStrategy`.
There could be another root cause, and if there is please let me know.
#### What are the steps to reproduce?
I have provided a stackblitz above.
#### What is the use-case or motivation for changing an existing behavior?
There is a hand full of times i would like to load the snackbar in a container.
One in particular is the div has been maximized to full screen (so the window is not visible).
Therefore the snackbar is not visible.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
latest.
Beitragsleitfaden
Rechercherichtung
Beginne mit der verknüpften StackBlitz-Reproduktion und dem Einstiegspunkt `_createOverlay`. Verfolge, wie die Konfiguration von `viewContainerRef` der Snackbar im Vergleich zu den globalen und verbundenen Positionsstrategien verarbeitet wird, und überprüfe anschließend, dass eine Snackbar innerhalb eines Vollbild-Overlay-Containers sichtbar und ausgerichtet ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100