🐛 Bug Report - Uncontrol Width Country Select Dropdown

[MHasankhan]

Bug description

I used this component in our app, Facing issue to control width of phoneNumber Country Selection Dropdown, If i"ll use classe 'ant-select-dropdown', it'll break other select dropdowns, I have attached the screen shots. Suggestion: Add popupClassName and dropdownStyles props in PhoneInput, as antd already provided this prop on Select component

Reproduction URL

No response

Reproduction steps

1- Open Country Code Selection dropdown 2-Popup getting width 62px, which breaking the styles

Screenshots

Logs

No response

Browsers

Firefox, Chrome, Safari, Microsoft Edge, Opera

OS

Mac

[ArtyomVancyan]

Hi @MHasankhan, I have two questions:

• Have you tried using the dropdownRender option?
• Can you provide a minimal application repository URL where I can reproduce the issue?

P.S. The dropdownRender option has been added after noticing a similar issue in the Storybook environment.

[MHasankhan]

@ArtyomVancyan yes I tried with dropdownRender, but same issue appeared, because dropdown actually the child of ant-select-dropdown, Unfortunately I don't have minimal application repsository url, as its the private repo

[ArtyomVancyan]

Okay, you can either create a public repo where the problem with styles is reproduced and share the link so I can fix the problem, or you can contribute to the project and recommend your changes. I will review your pull request and release the changes. Please follow the steps below:

• fork this repository
• create a new branch for the fix
• in the examples directory, change one of the applications so your issue is reproduced (or you can just use your private source application for testing)
• make your changes in the src/index.tsx file
• test how it acts in real world
  • npm run build - generates js files and type declarations
  • npm pack - generates installable tarball file
  • in package JSON, replace antd-phone-input package version with file:<path-to-cloned-fork>/antd-phone-input-<version>.tgz
  • delete node_modules and package-lock.json or yarn.lock files, and reinstall the packages
  • run your application and test the results