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

SuperSelect - search position (HDS-4254) #2612

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

KristinLBradley
Copy link
Contributor

@KristinLBradley KristinLBradley commented Dec 17, 2024

📌 Summary

If merged, this PR adds the searchFieldPosition to SuperSelect enabling SuperSelect::Multiple to display the search field within the before options area instead of in the trigger area.

Related:

🛠️ Detailed description

  • Updates ember-power-select version to 8.6.0 & above
  • Adds searchFieldPosition argument to SuperSelect components
    • Sets value of "before-options" for argument

📸 Screenshots

image

🔗 External links


👀 Component checklist

💬 Please consider using conventional comments when reviewing this PR.

Copy link

vercel bot commented Dec 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
hds-showcase ✅ Ready (Inspect) Visit Preview Dec 19, 2024 5:02pm
hds-website ✅ Ready (Inspect) Visit Preview Dec 19, 2024 5:02pm

@@ -59,6 +59,7 @@
@search={{@search}}
@searchEnabled={{@searchEnabled}}
@searchField={{@searchField}}
@searchFieldPosition={{@searchFieldPosition}}
Copy link
Contributor Author

@KristinLBradley KristinLBradley Dec 17, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ultimately, we most likely will want to hard code the searchFieldPosition value to "before-options" but I will do some testing within consumer products to see if we could release with that initially or if a phased release approach is better.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added the results of testing in the ticket: https://hashicorp.atlassian.net/browse/HDS-4254

To me, it seems fairly safe to hard-code the value as "before-options" for release. We could perhaps post in Slack channels to double-check with consumers first though and give them a heads-up about the change.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If tests are not failing, and it seems like they aren't, we can safely hard-code it. Indeed, a good idea to give folks a heads-up about the change in our public channel.

@KristinLBradley KristinLBradley changed the title [DRAFT] SuperSelect - search position (HDS-4254) SuperSelect - search position (HDS-4254) Dec 19, 2024
@KristinLBradley KristinLBradley marked this pull request as ready for review December 19, 2024 16:49
@KristinLBradley KristinLBradley requested a review from a team as a code owner December 19, 2024 16:49

`SuperSelect` updates including:
- Updated `ember-power-select` from `8.2.0` to `8.6.0`
- Added `searchFieldPosition="before-options"` to fix a11y issue in `Multiple` component
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How is this?

Copy link
Member

@alex-ju alex-ju Dec 19, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! We can elaborate on the visual impact in Slack and the release email

Copy link
Contributor

@shleewhite shleewhite left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚢

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

Successfully merging this pull request may close these issues.

4 participants