angular / angular/components

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

オープン
#15,648 コメント 2 件 リアクション 10 件 担当者 0 名 GitHub で見る
area: cdk/scrolling area: material/tooltip P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた StackBlitz の再現手順から始め、特に src/app/app.component.html を確認し、2 つの cdk-virtual-scroll-viewport リストとそれぞれの templateCacheSize 設定を比較してください。最初の項目にマウスを重ねたまま 2 秒後に更新される状態を再現してください。対象が置き換えられたときに matTooltip がその場に留まり、ページの下部へジャンプしなければ完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。