react-component / react-component/tooltip

chrome 128 版本开始,如果 css 的 zoom 样式不为 1,则 tooltip 的展现位置不对。

Open
#483 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
944
Forks
199
Avg merge
19h 1m
Merged PRs (30d)
3

Description

chrome 128 开始,getBoundingClientRect 方法返回的数值有变化,会将 css zoom 样式对元素产生的影响包含在结果中,这导致 tooltip 组件在有 zoom 样式时位置不对。需要兼容处理。

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source file or test is named in the issue. Start by locating the tooltip positioning logic and its use of getBoundingClientRect, then reproduce the problem in Chrome 128 or later with a non-1 CSS zoom value. Done means tooltip placement is correct with and without zoom, with regression coverage if the existing test setup supports it.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.