SuperSelect - search position (HDS-4254) (#2612)

Author: KristinLBradley

.changeset/new-paws-cross.md

@@ -0,0 +1,7 @@
+---
+"@hashicorp/design-system-components": minor
+---
+
+`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

packages/components/package.json

@@ -52,7 +52,7 @@
     "ember-focus-trap": "^1.1.0",
     "ember-get-config": "^2.1.1",
     "ember-modifier": "^4.1.0",
-    "ember-power-select": "^8.2.0",
+    "ember-power-select": "^8.6.0",
     "ember-stargate": "^0.4.3",
     "ember-style-modifier": "^4.4.0",
     "ember-truth-helpers": "^4.0.3",

packages/components/src/components/hds/form/super-select/multiple/base.hbs

@@ -59,6 +59,7 @@
     @search={{@search}}
     @searchEnabled={{@searchEnabled}}
     @searchField={{@searchField}}
+    @searchFieldPosition="before-options"
     @searchMessage={{@searchMessage}}
     @searchPlaceholder={{this.searchPlaceholder}}
     @selected={{@selected}}

packages/components/src/components/hds/form/super-select/multiple/field.hbs

@@ -53,6 +53,7 @@
       @search={{@search}}
       @searchEnabled={{@searchEnabled}}
       @searchField={{@searchField}}
+      @searchFieldPosition="before-options"
       @searchMessage={{@searchMessage}}
       @searchPlaceholder={{@searchPlaceholder}}
       @selected={{@selected}}

packages/components/src/components/hds/form/super-select/single/base.hbs

@@ -51,6 +51,7 @@
     @search={{@search}}
     @searchEnabled={{@searchEnabled}}
     @searchField={{@searchField}}
+    @searchFieldPosition="before-options"
     @searchMessage={{@searchMessage}}
     @searchPlaceholder={{this.searchPlaceholder}}
     @selected={{@selected}}

packages/components/src/components/hds/form/super-select/single/field.hbs

@@ -54,6 +54,7 @@
       @search={{@search}}
       @searchEnabled={{@searchEnabled}}
       @searchField={{@searchField}}
+      @searchFieldPosition="before-options"
       @searchMessage={{@searchMessage}}
       @searchPlaceholder={{@searchPlaceholder}}
       @selected={{@selected}}

showcase/package.json

@@ -77,7 +77,7 @@
     "ember-load-initializers": "^2.1.2",
     "ember-modifier": "^4.1.0",
     "ember-page-title": "^8.2.3",
-    "ember-power-select": "^8.2.0",
+    "ember-power-select": "^8.6.0",
     "ember-qunit": "^8.1.1",
     "ember-resolver": "^12.0.1",
     "ember-set-helper": "^3.0.1",

website/package.json

@@ -84,7 +84,7 @@
     "ember-meta": "^2.0.0",
     "ember-modifier": "^4.1.0",
     "ember-page-title": "^8.2.3",
-    "ember-power-select": "^8.2.0",
+    "ember-power-select": "^8.6.0",
     "ember-prism": "^0.13.0",
     "ember-qunit": "^8.1.1",
     "ember-resolver": "^12.0.1",