Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

页面宽度变化后segment类型Tabs标签页指示条显示异常 #5705

Closed
Smthie opened this issue Feb 23, 2024 · 2 comments
Closed

页面宽度变化后segment类型Tabs标签页指示条显示异常 #5705

Smthie opened this issue Feb 23, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@Smthie
Copy link

Smthie commented Feb 23, 2024

https://www.naiveui.com/zh-CN/light/components/tabs

官网尝试切换egment类型Tabs指示条后,操作左侧侧边栏收起打开,即可复现问题。

QQ截图20240223112606

QQ截图20240223112655

以下为其它issue类似问题:

不仅仅有上述问题,还存在如下问题:

NTabs 设置 type="segment" ,当tabpane数量发生变化后,tabpane显示的宽度没有同步更新,比如原来是2个tabpane,更新为5个tabpane后,tabpane的宽度还是2个时的宽度:
image
(补充:如果点击切换一下tabpane后,宽度显示则恢复正常)
另外,改变NTabs所在上级元素的宽度后,比如折叠Sider后,也有上述同样的问题。
image

PS:
type="card"没有这个问题;
版本恢复到2.36.0后,也没有这个问题

Originally posted by @alaywn in #5569 (comment)

@Smthie Smthie changed the title 不仅仅有上述问题,还存在如下问题: segment类型Tabs标签页指示条异常 Feb 23, 2024
@Smthie Smthie changed the title segment类型Tabs标签页指示条异常 页面宽度变化后segment类型Tabs标签页指示条显示异常 Feb 23, 2024
@alaywn
Copy link

alaywn commented Feb 23, 2024

哇哦,赞,通过官网复现问题,牛!🐂

@07akioni 07akioni added the bug Something isn't working label Feb 25, 2024
@xstxhjh
Copy link

xstxhjh commented Feb 27, 2024

image 好像没有完全修复,弹窗中还是会出现这种情况。 @07akioni

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants