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

nut-menu和nut-tabs联用,切换tab后点击menu,浮框出现在第一个tab页 #2277

Closed
Tikous opened this issue May 8, 2023 · 1 comment
Labels
improvement 一些可以优化的地方 reproducible 提供了可复现代码,或者已验证可复现

Comments

@Tikous
Copy link

Tikous commented May 8, 2023

NutUI scenes(nutui 场景)

H5(@nutui/nutui)

NutUI-vue version(nutui-vue 版本)

4.0.6

Vue version(vue 版本)

3.2.13

Operating environment(运行环境)

dev:h5

Citation method(引用方式)

npm

Node version(node 版本)

19.6.0

Browser and its version(浏览器及其版本)

Chrome(110.0.5481.178)

System and its version(系统及其版本)

win10

Reproduction link(重现链接)

codesandbox.io

Steps to reproduce(重现步骤)

可以直接执行,点击第二个tab,点击menu,会发现menu的弹出浮框出现在第一个tab页

What is expected?(期望的结果是什么?)

点击tab后,点击menu,menu的弹出浮框出现在当前tab页

What is actually happening?(实际的结果是什么?)

点击tab后,点击menu,menu的弹出浮框没有出现在当前tab页

@eiinu eiinu added the improvement 一些可以优化的地方 label May 8, 2023
@eiinu eiinu added the reproducible 提供了可复现代码,或者已验证可复现 label May 26, 2023
@eiinu
Copy link
Member

eiinu commented Jun 19, 2023

Tabs 有两种布局方式:
1、animated-time 为默认值 300 时,多个面板都存在,通过 transform 将激活面板放在视口中。这种情况下嵌套 Menu 时,会出现这个问题。
2、animated-time 为 0 时,仅激活面板存在,其余面板设置 display: none。这种情况下嵌套 Menu 就是正常的。

在嵌套使用时,建议使用第二种方式,将动画时长设置为 0。

@eiinu eiinu closed this as completed Jul 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement 一些可以优化的地方 reproducible 提供了可复现代码,或者已验证可复现
Projects
None yet
Development

No branches or pull requests

2 participants