Menu 压缩后，弹出子菜单过长时内部无滚动

[Air-Cooled]

TuSimple/naive-ui version (版本)

2.28.2

Vue version (Vue 版本)

3.2.33

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

Chrome(101.0.4951.54)

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

win 10

Node version (Node 版本)

v16.13.2

Reappearance steps (重现步骤)

Expected results (期望的结果)

弹出框高度不要超出可视区

[07akioni]

未来会想办法优化一下，不过建议不要放这么多 item 进去

[Yhspehy]

在下个版本可以使用dropdown-props来开启滚动和设置滚动高度
:dropdown-props="{ scrollable: true, menuProps: () => ({ style: 'max-height: 100px;' }) }"

[u10k]

在下个版本可以使用dropdown-props来开启滚动和设置滚动高度 :dropdown-props="{ scrollable: true, menuProps: () => ({ style: 'max-height: 100px;' }) }"

应该是
:menu-props="() => ({ style: { maxHeight: '200px', overflow: 'auto' }})"

如果能用嵌套组件n-scrollbar 实现就更好了

[XieZongChen]

在下个版本可以使用dropdown-props来开启滚动和设置滚动高度 :dropdown-props="{ scrollable: true, menuProps: () => ({ style: 'max-height: 100px;' }) }"

应该是 :menu-props="() => ({ style: { maxHeight: '200px', overflow: 'auto' }})"

如果能用嵌套组件n-scrollbar 实现就更好了

用 scrollable 那个是推荐的解决方式