Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Component] [select] ElForm设置inline属性时ElSelect宽度丢失 #16753

Open
GuoJikun opened this issue May 6, 2024 · 6 comments · May be fixed by #16836
Open

[Component] [select] ElForm设置inline属性时ElSelect宽度丢失 #16753

GuoJikun opened this issue May 6, 2024 · 6 comments · May be fixed by #16836

Comments

@GuoJikun
Copy link

GuoJikun commented May 6, 2024

Bug Type: Component

Environment

  • Vue Version: 3.4.26
  • Element Plus Version: 2.7.2
  • Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0
  • Build Tool: Vite

Reproduction

Related Component

  • el-select

Reproduction Link

Element Plus Playground

Steps to reproduce

给ElForm设置inline属性就可以直接看到ElSelect组件的宽度丢失

What is Expected?

ElSelect组件的宽度正常

What is actually happening?

给ElForm设置inline属性就可以直接看到ElSelect组件的宽度丢失

Additional comments

(empty)

@makedopamine
Copy link
Contributor

组件默认宽度为100%,行内表单会造成组件宽度无法自适应。建议手动设置固定宽度样式

具体查看这个链接

@GuoJikun
Copy link
Author

GuoJikun commented May 6, 2024

组件默认宽度为100%,行内表单会造成组件宽度无法自适应。建议手动设置固定宽度样式

具体查看这个链接

我知道怎么解决这个问题。
这怎么看怎么像是 Bug,form在inline模式下目前就Select组件有这个问题。
image
这个 css 变量明显没有使用

@yanglilong127
Copy link

确实是bug,我固定了使用版本2.4.3就没有问题

@kooriookami
Copy link
Member

inlin

组件默认宽度为100%,行内表单会造成组件宽度无法自适应。建议手动设置固定宽度样式

具体查看这个链接

我知道怎么解决这个问题。 这怎么看怎么像是 Bug,form在inline模式下目前就Select组件有这个问题。 image 这个 css 变量明显没有使用

确实,项目中只是定义了,没有地方使用

@JiuRanYa JiuRanYa linked a pull request May 13, 2024 that will close this issue
3 tasks
@saymy
Copy link

saymy commented May 14, 2024

同样的问题,什么时候修复啊?

@GuoJikun
Copy link
Author

同样的问题,什么时候修复啊?

看上面 pr 里面的回复,貌似没打算修复

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants