ant-design 最新版本的select组件没有设置下拉菜单的min-width,导致强制设定select的width为auto的时候,部分场景下下拉菜单展示过小,无法对齐。

kzmpq1sx  于 4个月前  发布在  其他
关注(0)|答案(7)|浏览(62)

重现链接

Steps to reproduce

上面的链接是官方文档的基本使用样例,可以发现下拉菜单只设置了width属性,没有设置min-width属性。

What is expected?

跟select组件里面的popupMatchSelectWidth 的属性描述一致,默认为true的时候,需要设定min-width

What is actually happening?

最新版本的下拉菜单没有设置min-width属性
| Environment | Info |
| ------------ | ------------ |
| antd | 5.12.1 |
| React | react |
| System | deepin linux |
| Browser | chrome 119 |

olmpazwi

olmpazwi1#

部分场景下下拉菜单展示过小,无法对齐

给个具体的重现看看问题是什么哈~

kknvjkwl

kknvjkwl2#

Hello @bluesaiz. Please provide a online reproduction by forking codesandbox of antd@5.x or antd@4.x , or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @bluesaiz,我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 antd@5.xantd@4.x 的 codesandbox,或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。
什么是最小化重现,为什么这是必需的?

mnowg1ta

mnowg1ta3#

部分场景下下拉菜单展示过小,无法对齐

给个具体的重现看看问题是什么哈~

具体复现截图:

复现链接: https://codesandbox.io/p/sandbox/antd-reproduction-template-forked-krjhwl
我用的以前版本5.7.3没这个问题,升级到最新,发现下拉框都不对齐,后面排查发现新版本的min-width没有设置。
@zombieJ

jslywgbw

jslywgbw4#

覆盖了,懂了。

djp7away

djp7away5#

你的代码案例中你是通过设置类名并且将宽度设置为 important,样式权重比较高导致覆盖的,所以你期望是当下拉框展示面板的宽度小于下拉框组件宽度时直接忽略样式设置的宽度由组件内部去计算是吗?

bgibtngc

bgibtngc6#

是的,这样下拉框可以多数情况下跟组件框对齐,不至于太小。而且遇到宽度长的选项的时候下拉框还能变长。发自我的手机-------- 原始邮件 --------发件人: KAM ***@***.***>日期: 2024年1月17日周三 下午2:21收件人: ant-design/ant-design ***@***.***>抄送: bluesaiz ***@***.***>, Mention ***@***.***>主 题: Re: [ant-design/ant-design] 最新版本的select组件没有设置下拉菜单的min-width,导致强制设定select的width为auto的时候,部分场景下下拉菜单展示过小,无法对齐。 (Issue #46497) 你的代码案例中你是通过设置类名并且将宽度设置为 important,样式权重比较高导致覆盖的,所以你期望是当下拉框展示面板的宽度小于下拉框组件宽度时直接忽略样式设置的宽度由组件内部去计算是吗? —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>

hivapdat

hivapdat7#

@zombieJ 这个不仅仅是 SelectpopupMatchSelectWidth

其他组件的一样的 https://codepen.io/veveue/pen/vYMWWRN?editors=001

相关问题