[BUG] Tabs组件中tabs容器移动速度与指示器速度不一致
- Dominant language
- TypeScript
- Stars
- 165
- Forks
- 16
- PR merge metrics
- No merged PRs in 30d
Description
**描述问题**
Tabs组件中tabs容器移动速度与指示器速度不一致,tabs容器通过js立即改变scrollLeft,指示器通过css移动,有过度效果,导致两者移动速度不匹配。
相关代码:https://github.com/alibaba/bifrostui/blob/93da88e049f06220f211409735291c21e7664d60/packages/bui-core/src/Tabs/Tabs.tsx#L86
**复现步骤**
步骤:
1. 在H5渠道点击超出可滑动Tabs
2. tab标题移动速度与指示器不匹配
**期望结果**
tab标题移动速度与指示器协调
**实际结果**
tab标题移动速度与指示器不匹配
**环境信息**
- 操作系统: [MacOS]
- 渠道: [H5]
- 浏览器: [Chrome]
- 版本: [如 1.0.5]
Contributor guide
Research direction
Start at packages/bui-core/src/Tabs/Tabs.tsx around line 86 and reproduce the issue in the H5 Tabs component with Chrome using tabs that overflow horizontally. Compare the container's scrollLeft movement with the indicator transition; done means tab titles and the indicator move at a coordinated speed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 25/100