Antd SubMenu 收缩后被挤出 Menu 容器,如何解决?

react antd ui库 submenu 收缩后被挤出 menu 之外的解决办法

问题现象:

在 Antd UI 库中使用 SubMenu 组件时,当对子菜单进行收缩操作时,会出现子菜单被挤出 Menu 容器之外的异常现象。如图所示:

收缩前:

Antd SubMenu 收缩后被挤出 Menu 容器,如何解决?

即将收缩完毕:

Antd SubMenu 收缩后被挤出 Menu 容器,如何解决?

问题原因:

这是一个 Antd 库中的 bug,该问题已在官方 issues 中得到反馈,官方已修复,但尚未合并到主分支中。

解决方案:

1. 升级 Antd 库:

由于官方已修复该问题,可以等待官方发布新版本后进行升级更新。

2. 切换到 Antd 17 版本:

可以在项目中使用 Antd 17 版本,该版本中已修复 SubMenu 收缩问题。

3. GitHub 临时修复:

在 GitHub 上有临时修复该问题的代码,可以参考以下 issue 进行修复:

https://github.com/ant-design/ant-design/issues/29448
https://github.com/ant-design/ant-design/issues/30284

以上就是Antd SubMenu 收缩后被挤出 Menu 容器,如何解决?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2807848.html

(0)
上一篇 2025年3月8日 22:35:14
下一篇 2025年3月2日 18:01:47

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论