ant-design / ant-design

An enterprise-class UI design language and React UI library
https://ant.design
MIT License
92.23k stars 49.4k forks source link

横向菜单超出部分隐藏功能BUG,深色皮肤能显示缩略号,浅色皮肤无法显示缩略号 #26199

Closed hafly closed 4 years ago

hafly commented 4 years ago

Reproduction link

https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Fant-design.gitee.io%2Fcomponents%2Fmenu-cn%2F

Steps to reproduce

横向菜单浅色皮肤无法缩略,改为深色皮肤可以显示缩略

What is expected?

横向菜单浅色皮肤超出部分显示缩略

What is actually happening?

横向菜单浅色皮肤超出部分未显示缩略

Environment Info
antd 4.5.4
React 16.8
System win10
Browser Chrome v84
xrkffgg commented 4 years ago

你的链接点开 看不到

hafly commented 4 years ago

https://codepen.io/pen/?&editable=true&editors=001=https%3A%2F%2Fant.design%2Fcomponents%2Fmenu-cn%2F 这个链接,就是官方文档里面的

xrkffgg commented 4 years ago

你用这个 codesandbox

hafly commented 4 years ago

https://ant.design/components/menu-cn/ 就这个文档里面第一个demo,在codepen打开,浅色模式下拖动窗口不会显示缩略,改成深色可以

xrkffgg commented 4 years ago

https://ant.design/components/menu-cn/#components-menu-demo-style-debug

缩小屏幕 就能看到

ant-design-bot commented 4 years ago

Hello @hafly. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. Appreciate it advance and we are looking forward to your contribution!

你好 @hafly, 我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献!

giphy

hafly commented 4 years ago

嗯,看到了,要很小屏幕才触发,而不是超出屏幕就触发。但是深色模式可以

xrkffgg commented 4 years ago

可能是这个引起的 https://github.com/ant-design/ant-design/pull/25622

kerm1it commented 4 years ago

加了 margin 后,计算宽度的时候应该就会有问题。

afc163 commented 4 years ago

Duplicate of #26337