alibaba / alibaba/bifrostui

[BUG] Tabs组件中tabs容器移动速度与指示器速度不一致

Open
#6 0 comments 0 reactions 0 assignees View on GitHub
bug enhancement
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.