nutui icon indicating copy to clipboard operation
nutui copied to clipboard

[bug]nut-menu在nut-tabs中使用下拉不显示

Open ssuupprr opened this issue 2 years ago • 1 comments

问题描述

如题,当nut-menu放在nut-tabs的nut-tabpane中时,点击下拉图标无法显示菜单。同一个vue文件中,将nut-menu移到nut-tabs外,则下拉正常显示。

预期的行为和实际行为

显示下拉菜单

复现步骤,具体代码

` <nut-menu-item v-model="state.value2" :options="state.options2" @change="handleChange" /> Tab 2 </nut-tabs

`

相关环境信息

  • 操作系统:windows 10
  • Node 版本:16
  • NutUI 版本: 3.1.22
  • Vue 版本:3.2.25
  • 引用方式: NPM

ssuupprr avatar Jul 13 '22 11:07 ssuupprr

看了一下menu的代码

src\packages__VUE\menuitem\index.scss中

.nut-menu__pop { transition: all 0 ease 0; transform: none; // top: auto !important; }

这里的top: auto !important;这句不注释应该就解决了,修复#958注释掉了这句

ssuupprr avatar Jul 14 '22 02:07 ssuupprr

嗯,我们看下如何修改,同时满足这两个问题。 感谢您的issue!

yangjinjun3 avatar Oct 21 '22 09:10 yangjinjun3

目前识别到是Tabs的transform样式导致到,临时解决方案: 把Tabs的transform重置,当切换时再加上

yangjinjun3 avatar Dec 01 '22 14:12 yangjinjun3