Tooltip jumping on sticky component
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
首先，使用提供的 Tooltip 用法，重现 sticky 日期选择器中包含多个 tooltip 时的跳动行为，并将链接的 screencast 作为预期症状。跟踪 sticky 滚动期间 placement 和 positioning 的行为；当 tooltip 能够保持正确定位且不依赖相对 wrapper 时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
We render many tooltips on a date picker, the date picker is on a sticky component. As some points on the page, the tooltip jumps around. Any idea what is happening and how we can fix it? We've tried adding relative wrappers but no luck. I know it is from the sticky component but I am not sure how to get it resolved.
Here is a screencast of the issue: https://share.vidyard.com/watch/1iyQFAAjHbfL7E4AL1aPKM?
Version:
"rc-tooltip": "^4.0.3",
Code (looping over this for each day which j is the week and i is the day):
<Tooltip
placement="top"
id={`tooltip-${j}-${i}`}
mouseLeaveDelay={0}
overlay={ day.disabled }
>
<div {...}>
<span>{ day.date ? format(day.date, 'd') : '' }</span>
</div>
</Tooltip>
- 主要语言
- TypeScript
- 星标
- 944
- 派生
- 199
- 平均合并
- 19 小时 1 分钟
- 30 天内合并 PR
- 3
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-component/tooltip 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 64/100
react-component/tooltip#510 · 1 条评论 ·
-
难度 3/5 1-2 天 新手友好度 35/100
react-component/tooltip#499 · 1 条评论 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 35/100
react-component/tooltip#488 · 4 条评论 · 2 个 reaction ·
-
难度 2/5 1-3 小时 新手友好度 35/100
react-component/tooltip#487 ·
-
难度 3/5 1-2 天 新手友好度 35/100
react-component/tooltip#483 ·
查看 react-component/tooltip 的全部 Issue
相似的 Issue
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) 未关闭
难度 2/5 1-3 小时 新手友好度 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 65/100
-
难度 1/5 1 小时以内 新手友好度 85/100
-
Mend: dependency security vulnerability untriaged
难度 2/5 1-3 小时 新手友好度 70/100