Tabs Pane ink bar doesn't properly calculates width and position

[arherzf8er]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.9.3

Environment

Ubuntu 18.04 or Windows 10, React@latest, Chrome@latest, Mozilla@latest

Reproduction link

https://ant.design/components/tabs/

Steps to reproduce

Standard install of type line with 3 or more long tabs names

What is expected?

Properly positioned underline bar of actual width

What is actually happening?

Underline bar isn't positioned right under the tab names

[ant-design-bot]

Hello @arherzf8er. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @arherzf8er, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击此处创建。7 天内未跟进的 issue 将会被自动关闭。

[arherzf8er]

Hi, @ilanus thanks for your quick reply! Turned out it's on my side and behaves as such globally on any of my pages. Any thoughts on where point should I start debugging from? Seems like it gets some wrong inputs for calculating transition values for .ant-tabs-ink-bar-animated CSS property. Thanks!

[ilanus]

@arherzf8er without reproduction of your issue I cannot help, please try to replicate it using a sandbox: https://u.ant.design/codesandbox-repro

[arherzf8er]

The issue has been solved by updating from 3.9.3 to 3.10.8.

[swipe9]

This issue has returned in v5. Please check.

[mrlubos]

Hey @ilanus, here's a reproduction link with v5.0.7 https://codesandbox.io/s/antd-reproduction-template-forked-zoj0go?file=/index.js

[mrlubos]

Opened a new issue for 5.0.7 in #39666