Tab component starts flickering if inside flex container

[Comum]

Reproduction link

Steps to reproduce

Nest Tabs component in a div that has dynamic width ( flex wrapper ) the tab items start flickering. Check the codesandbox example.

What is expected?

Wanted to vertically centre the Tabs component.

What is actually happening?

Tabs component is centered but there is a flick because of the .ant-tabs- nav-operations and the ellipsis button.

Environment	Info
antd	5.8.5
React	18.2.0
System	Mac OS Ventura 13.1
Browser	Chrome for sure, potentially all

[xiaozisong]

我来试试

[xiaozisong]

因为当flex布局时，元素的offsetLeft+width大于容器宽度后，就会显示operationNode，但是，是实时计算的就会出现闪屏的现象，那怎么优化useVisibleRange方法呢？？

[solitia7125]

我提个PR看看

[Comum]

Any news on the progress of the PR?

[Grawl]

It's very annoying

[solitia7125]

Any news on the progress of the PR?

Sorry. Probably be later because im busy with interviews.

[Comum]

Hey guys, applied this patch with patch-package and the issue still happens ( a lot less ).

NOTE: Actually the patch was not being correctly applied. After applying correctly, it worked 👍

[jiang-zhong-xi]

I have same issue

[Grawl]

@Comum can you show how exactly you applied a patch?

[Comum]

I used patch-package on my project.

• changed the node modules manually
• then ran npx patrch-package rc-tabs