[WordPress 6.7] UI issues with CustomSelectControl

[ilyasfoo]

Describe the bug

UI issues with CustomSelectControl is observable with WordPress 6.7-RC1:

• The modal rendered disrupts the flow of the screen (elements pushed downwards when it's opened)
• Border seems missing
• Cursor shows text select when hovering over texts in dropdown items
• Checkmark icon to show selected item is rendered outside of intended area

This seems to be exclusively visual bug, no issue found with the dropdown's functionality.

To Reproduce

1. Use WordPress Beta Tester plugin and update to WordPress 6.7-RC1
2. Go to KYC screen
3. Click on any dropdown
4. Observe the issues

Actual behavior

Expected behavior

Desktop (please complete the following information):

• OS: MacOS 14.4.1 (23E224)
• Browser Brave browser
• Version v1.71.118

[ilyasfoo]

Hey, @ismaeldcom 👋

Tagging you because I saw your name in CustomSelectControl commit history, found this bug while doing testing for WordPress 6.7 readiness. pcShBQ-2qf-p2

[ismaeldcom]

Hi @ilyasfoo! I pretty much work with the server and MC since I switched to Sigma and I don't currently have the client set up to quickly look at this issue, so it will probably be better to ping @Automattic/moltres 🙂

[mordeth]

@ilyasfoo Thank you for creating the issue! I’ve assigned it to myself and will also review all instances where CustomSelectControl is used during onboarding.