[Component] [select] el-form为行内表单时，select下拉框父级未设置宽度，导致样式错误

[bingo-Hub]

Bug Type: Component

Environment

• Vue Version: 3.3.4
• Element Plus Version: 2.5.5
• Browser / OS: Chrome 121.0.6167.140/Win10
• Build Tool: Vite

Reproduction

Related Component

• el-select

Reproduction Link

Element Plus Playground

Steps to reproduce

el-form为行内表单时，select下拉框宽度显示不全

What is Expected?

select下拉框宽度和input一致

What is actually happening?

select下拉框宽度特别窄，无法显示具体内容

Additional comments

(empty)

[axolo]

#15352

[kooriookami]

.el-form--inline {
  .el-form-item {
    & > .el-input, .el-cascader, .el-select, .el-date-editor, .el-autocomplete {
      width: 240px;
    }
  }
}

[bingo-Hub]

解决方案：如果不影响其他组件的情况下，是否可以统一设置此属性样式，以达到避免单独设置样式又可以解决此问题。 .el-form-item__content { min-width: var(--el-form-inline-content-width); }

Ni好 @.***

 

------------------ 原始邮件 ------------------ 发件人: "element-plus/element-plus" @.>; 发送时间: 2024年2月5日(星期一) 下午5:23 @.>; @.@.>; 主题: Re: [element-plus/element-plus] [Component] [select] el-form为行内表单时，select下拉框父级未设置宽度，导致样式错误 (Issue #15811)

#15352

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。