Merge pull request #2335 from nwmac/fix-product-menu

Improve product menu drop down behaviour

components/form/Select.vue

@@ -171,7 +171,6 @@ export default {
       taggable: $attrs.taggable,
       taggable: $attrs.multiple,
     }"
-    @click="focusSearch"
     @focus="focusSearch"
   >
     <v-select
@@ -215,6 +214,14 @@ export default {
   .unlabeled-select {
     position: relative;
 
+    ::v-deep .vs__selected-options {
+      display: flex;
+
+      .vs__selected {
+          width: 100%;
+      }
+    }
+
     @include input-status-color;
   }
 </style>

components/nav/ProductSwitcher.vue

@@ -246,6 +246,10 @@ export default {
   min-height: 50px;
   border: 0;
 
+  &.focused {
+    box-shadow: none;
+  }
+
   .v-select {
     &.vs--disabled .vs__actions {
       display: none;
@@ -268,7 +272,7 @@ export default {
 
     .vs__selected {
       user-select: none;
-      cursor: default;
+      cursor: pointer;
       color: white;
       line-height: calc(var(--header-height) - 7px);
       position: relative;