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

Jump to bottom

[Bug Report] [Component] [select, select-v2] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width 下拉选框宽度异常 #8396

Closed
Cheerwhy opened this issue Jun 21, 2022 · 1 comment · Fixed by #8442
Closed

[Bug Report] [Component] [select, select-v2] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width 下拉选框宽度异常 #8396

Cheerwhy opened this issue Jun 21, 2022 · 1 comment · Fixed by #8442

Comments

@Cheerwhy
Copy link
Contributor

Cheerwhy commented Jun 21, 2022 •
edited

Bug Type: Component

Environment

  • Vue Version: 3.2.37
  • Element Plus Version: 2.2.6
  • Browser / OS: Chrome/102.0.0.0
  • Build Tool: Other

Reproduction

Related Component

  • el-select

Reproduction Link

Element Plus Playground

Steps to reproduce

  1. click show button to show the scalable panel
  2. click el-select to show the dropdown, you can see dropdown width didnt fit el-select width
  3. click hide button to close the panel
  4. switch transition-type to fade
  5. click show button, the width were normal

点击show按钮显示带有缩放动画的面板
展开下拉框，下拉框的宽度没有适应选择器宽度
点击Hide关闭面板
将过渡动画切换到fade
打开面板，此时宽度没有问题

What is Expected?

dropdown width fit el-select width

What is actually happening?

dropdown width didnt fit el-select width

Additional comments

its Useless to set fit-input-width to true

屏幕截图(13)
@Cheerwhy
Copy link
Contributor Author

虚拟化选择器(select-v2)也有这个问题

@Cheerwhy Cheerwhy changed the title [Bug Report] [Component] [select] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width [Bug Report] [Component] [select, select-v2] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width Jun 21, 2022
@Cheerwhy Cheerwhy changed the title [Bug Report] [Component] [select, select-v2] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width [Bug Report] [Component] [select, select-v2] when put el-select into a scalable container, the popper(dropdown) width didnt fit el-select component width 下拉选框宽度异常 Jun 21, 2022
This was referenced Jun 23, 2022
Merged
Merged
btea pushed a commit that referenced this issue Jun 24, 2022
@Cheerwhy
fix(components): [select] fix select dropdown width (#8396) (#8435)
4abd29c
@element-bot element-bot mentioned this issue Jul 1, 2022
Merged
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(components): [select-v2] fix select-v2 dropdown width
1 participant
@Cheerwhy