angular / angular/components

Overlays behave erratically when using Virtual Scrolling

Offen
#15,550 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/overlay area: cdk/scrolling P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?
Users should be able to utilize Virtual Scrolling with the Tree without worrying about other functionality breaking.

#### What is the current behavior?
When using Tooltips on Tree Nodes in combination with Virtual Scrolling, the Tooltips appear improperly without context.

#### What are the steps to reproduce?
Apply Virtual Scrolling to a Tree and then expose Tooltips on the Tree Node Definitions.

[Demo](https://stackblitz.com/edit/simplified-material-tree-with-virtual-scroll-xkvghx?file=app%2Ftree-flat-overview-example.html) - Mousing over any of the items in the Flat Tree should display a Tool Tip containing the Node's name, seemingly randomly it does accurately display the name in the proper place, most of the time you're left with a small gray box.

Edit: I have updated the demo to include a behavior where clicking on the text of a node will display a Snack Bar containing the node's name. This is also appearing as a gray bar at the top of the screen in many situations. This seems to be related to overlays as a whole in this context.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die verlinkte StackBlitz-Demo auszuführen und die Tooltip- und Snack-bar-Fehler mit einem Angular Material Tree unter Verwendung von Virtual Scrolling zu reproduzieren. Verfolge, wie sich die Overlays der Tree-Knoten verhalten, während Elemente recycelt werden; abgeschlossen ist die Aufgabe, wenn Tooltips den richtigen Knotennamen an der richtigen Stelle anzeigen und die Snack Bar normal erscheint.

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.