Add drop-down arrow to nationality-autocomplete field

DFE-Digital · Dec 19, 2019 · e009c7b · e009c7b
1 parent dbb98ba
commit e009c7b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/frontend/packs/nationality-autocomplete.js b/app/frontend/packs/nationality-autocomplete.js
@@ -17,9 +17,9 @@ const initNationalityAutocomplete = () => {
 
       accessibleAutocomplete.enhanceSelectElement({
         selectElement: nationalitySelect,
-        name: nationalitySelect.name
+        name: nationalitySelect.name,
+        showAllValues: false
       });
-
       nationalitySelect.name = "";
     });
   } catch (err) {

diff --git a/app/frontend/styles/_autocomplete.scss b/app/frontend/styles/_autocomplete.scss
@@ -16,3 +16,8 @@
     box-shadow: none;
   }
 }
+
+.autocomplete__dropdown-arrow-down {
+  pointer-events: none;
+  z-index: 0;
+}