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.

Sign up for GitHub

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

Select without width will shake when placeholder provided #22649

Closed
1 task done
kaiyoma opened this issue Mar 26, 2020 · 2 comments
Closed
1 task done

Select without width will shake when placeholder provided #22649

kaiyoma opened this issue Mar 26, 2020 · 2 comments
Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive

Comments

@kaiyoma
Copy link

kaiyoma commented Mar 26, 2020 •
edited

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

For a Select component, set dropdownMatchSelectWidth to true and set showSearch to true. Enter some text to search the options.

What is expected?

The component should expand automatically to show the search term.

What is actually happening?

The entire component collapses in on itself.

Environment Info
antd 4.0.4
React 16.13.0
System Windows 10
Browser Chrome 80, Firefox 74, Edge 18
@hengkx hengkx added the 🐛 Bug Ant Design Team had proved that this is a bug. label Mar 27, 2020
@zombieJ
Copy link
Member

zombieJ commented Mar 27, 2020

It's not related with dropdownMatchSelectWidth. Default Select do not have length but placeholder extends the length: https://codesandbox.io/s/select-with-search-field-ant-design-demo-qbc6g

@zombieJ zombieJ changed the title Setting dropdownMatchSelectWidth to true for a searchable Select leads to UI/UX issues Select without width will shake when placeholder provided Mar 30, 2020
@afc163
Copy link
Member

afc163 commented Nov 5, 2022

Fixed in #32988

@afc163 afc163 closed this as completed Nov 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@afc163 @zombieJ @hengkx @kaiyoma @ant-design-bot