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

[4.x]: UX issue with address country field / selectize dropdown #12950

Closed
MoritzLost opened this issue Mar 22, 2023 · 3 comments
Closed

[4.x]: UX issue with address country field / selectize dropdown #12950

MoritzLost opened this issue Mar 22, 2023 · 3 comments
Assignees

Comments

@MoritzLost
Copy link
Contributor

MoritzLost commented Mar 22, 2023

What happened?

Description

I'm seeing an issue where the width of the country dropdown menu in the native user addresses form shrinks to the width of the currently selected option, being too small to see any of the options when nothing is selected. Even while United States is selected, longer country names are cut off, which is not ideal. See the following video:

selectize-ux-issue.mov

Steps to reproduce

  1. On any user account, click on Add an address
  2. Open the Country dropdown and hit backspace to delete the selected option.

Expected behavior

The dropdown should have a minimum width or be sized dynamically to always fit the longest option in the dropdown, to ensure the options are always visible.

Actual behavior

The dropdown shrinks to a very narrow width, making the options illegible.

Craft CMS version

4.4.4

PHP version

8.2

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

No response

@i-just
Copy link
Contributor

i-just commented Mar 22, 2023

Hi, thanks for reporting! I submitted a PR to adjust this.

@brandonkelly
Copy link
Member

Fixed for the next release via #12959.

@brandonkelly
Copy link
Member

Craft 4.4.6 is out now with that fix 🎉

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

No branches or pull requests

3 participants