react-component / react-component/tooltip

大量的强制重排,再页面节点过多时候,每一次 tooltip 都会导致很多次强制重排。

Open
#478 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

出现这个问题的情况:
1,页面的DOM节点过度,每次重排浏览器需要计算时间较多时。
2,电脑性能较差。

image
image

这个问题呢很早就被提出过一直没有人去关心与处理,或者有没有更好的办法处理此问题?
这是之前的 issue https://github.com/react-component/tooltip/issues/169

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

Start by reviewing the reproduction details and the referenced issue 169, then reproduce the tooltip behavior on a page with many DOM nodes and a slower device. Trace the tooltip positioning or measurement path responsible for the forced reflows; done means reducing unnecessary reflows without breaking tooltip placement.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.