angular / angular/components

matTooltip jumps in conjuction with cdk-virtual-scroll-viewport

Offen
#15,648 2 Kommentare 10 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling area: material/tooltip 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?
The tooltip should remain in place when the target is replaced.

#### What is the current behavior?
The tooltip jumps to the bottom of the page.

#### What are the steps to reproduce?
There are 2 lists rendered (refreshed at 2 seconds), the bug can be seen in the first one:
- hover over the first item from the first list; you'll notice the tooltip jumps to the bottom of the page

If you hover over the first item in the second list it behaves correctly.
The second list has `templateCacheSize: 0`

https://stackblitz.com/edit/virtual-scroll-bug?file=src%2Fapp%2Fapp.component.html

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.2.11 (latest)
Material 7.3.6 (latest)
OS: macOS Mojave 10.14.3

![scrollbug](https://user-images.githubusercontent.com/235319/55224895-16ffc900-521a-11e9-92de-b5787dc103f9.gif)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion, insbesondere mit src/app/app.component.html, und vergleiche die beiden cdk-virtual-scroll-viewport-Listen und ihre templateCacheSize-Einstellungen. Reproduziere die Aktualisierung nach zwei Sekunden, während du mit der Maus über dem ersten Element verweilst; fertig ist es, wenn matTooltip an seiner Position bleibt, wenn sein Ziel ersetzt wird, statt an das Ende der Seite zu springen.

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.