angular / angular/components

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

Abierto
#15,648 2 comentarios 10 reacciones 0 asignados Ver en GitHub
area: cdk/scrolling area: material/tooltip P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción enlazada de StackBlitz, especialmente con src/app/app.component.html, y compara las dos listas de cdk-virtual-scroll-viewport y sus configuraciones de templateCacheSize. Reproduce la actualización de dos segundos mientras mantienes el cursor sobre el primer elemento; estará hecho cuando matTooltip permanezca en su sitio al reemplazarse su objetivo, en lugar de saltar al final de la página.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.