Overlays behave erratically when using Virtual Scrolling
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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.
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par exécuter la démo StackBlitz liée et reproduire les échecs du tooltip et de la snack bar avec un Angular Material Tree utilisant le défilement virtuel. Suivez le comportement des overlays des nœuds du Tree lorsque les éléments sont recyclés ; le travail est terminé lorsque les tooltips affichent le nom correct du nœud au bon endroit et que la snack bar apparaît normalement.
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é
- Plutôt claire
- Accessibilité débutants
- 35/100