[Tabs] 滑动切换使底部激活线条和选择项不在屏幕内

[waney]

tdesign-miniprogram 版本

0.19.0

重现链接

No response

重现步骤

1、左右滑动tabs
2、选中一项后，动画效果，选中项被移到屏幕外。

<t-tabs t-class="t-tabs" t-class-active="t-class-item" t-class-track="t-class-track" swipeable="{{false}}" value="{{tabIndex}}" bind:change="tabChangeHandle"> <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" /> </t-tabs>

期望结果

希望滑动后选中项保持在画面内。

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions]

👋 @waney，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[github-actions]

♥️ 有劳 @JJunYang 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @waney 。

[waney]

[anlyyao]

@waney 是指，选中后，滑动tabs，仍希望选中项在可视区域内吗？

[waney]

不是的，是指滑动后再选择一个之后，选中项会在动画之后移动到画面之外。
正常应该是所选中项保持在画面中间或不移动。

[CodingOnStar]

@waney 是指，选中后，滑动tabs，仍希望选中项在可视区域内吗？

这里我们要不要用原生scroll-view标签的scroll-into-view属性来修复一下呢

[waney]

升级 0.19.3，问题仍然存在。

[xiaodongning]

正式版1.0.0问题仍然存在。

[TSiven]

正式版1.1.1问题仍然存在。

[anlyyao]

@waney @xiaodongning @TSiven 各位有空贴一下实际代码哈～，方便我们复现和定位问题。（ 刚刚有位用户朋友私聊了我这个问题，最后发现是因为在t-tab-item上给了margin值导致