bug(overlay): Weird tooltip issue with the new popover overlay.
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
### Is this a regression?
- [x] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
v20
### Description
We detected a weird issue with tooltips regarding the popover introduced in v21.
When I put a tooltip on a mat-select, hover over the mat-select, the tooltip is shown. Then I open the mat select and move out my mouse from the browser and bring the mouse back to the browser, the tooltip is shown no matter where i am hovering on with my mouse.
Usually, it is solved after the mat select is closed and opened, then i cannot repro anymore.
But reloading the page and doing it the first time is usually a good repro for the issue.
I'm not sure if I could explain the repro correctly, so here is a short gif:

I scrolled through issues that can be related to my issue, and found this one: https://github.com/angular/components/issues/32642
Turning off the new popover with
`{ provide: OVERLAY_DEFAULT_CONFIG, useValue: { usePopover: false } },` solves the issue.
I cannot reproduce it anymore with usePopover: false.
### Reproduction
StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-3qpcms44?file=package.json,src%2Fmain.ts
Steps to reproduce:
1. Open the page the first time
2. Hover over the mat select
3. Open the mat select
4. Move the mouse outside of the browser
5. Bring back the mouse
6. The tooltip will be shown no matter where i hover over on the page
### Expected Behavior
The tooltip should not be shown everywhere.
### Actual Behavior
The tooltip is shown everywhere.
### Environment
- Angular: v21.1.2
- CDK/Material: v21.1.2
- Browser(s): Chrome latest
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
コントリビューションガイド
調査の方向性
リンク先の StackBlitz reproduction から始め、特に package.json と src/main.ts を確認し、usePopover を有効にした状態で tooltip/mat-select の手順に従ってください。Chrome で初回ロード時の動作を確認してください。ブラウザを離れて再び開いた後、ページ全体で tooltip が表示されなくなり、通常の tooltip は mat-select に引き続き表示されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 活発
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 58/100