@vaadin/select 22.0.15 → 22.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/select",
-  "version": "22.0.15",
+  "version": "22.0.18",
   "publishConfig": {
     "access": "public"
   },
@@ -34,24 +34,24 @@
   "dependencies": {
     "@polymer/iron-media-query": "^3.0.0",
     "@polymer/polymer": "^3.2.0",
-    "@vaadin/button": "^22.0.15",
-    "@vaadin/component-base": "^22.0.15",
-    "@vaadin/field-base": "^22.0.15",
-    "@vaadin/input-container": "^22.0.15",
-    "@vaadin/item": "^22.0.15",
-    "@vaadin/list-box": "^22.0.15",
-    "@vaadin/vaadin-list-mixin": "^22.0.15",
-    "@vaadin/vaadin-lumo-styles": "^22.0.15",
-    "@vaadin/vaadin-material-styles": "^22.0.15",
-    "@vaadin/vaadin-overlay": "^22.0.15",
-    "@vaadin/vaadin-themable-mixin": "^22.0.15"
+    "@vaadin/button": "^22.0.18",
+    "@vaadin/component-base": "^22.0.18",
+    "@vaadin/field-base": "^22.0.18",
+    "@vaadin/input-container": "^22.0.18",
+    "@vaadin/item": "^22.0.18",
+    "@vaadin/list-box": "^22.0.18",
+    "@vaadin/vaadin-list-mixin": "^22.0.18",
+    "@vaadin/vaadin-lumo-styles": "^22.0.18",
+    "@vaadin/vaadin-material-styles": "^22.0.18",
+    "@vaadin/vaadin-overlay": "^22.0.18",
+    "@vaadin/vaadin-themable-mixin": "^22.0.18"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "^22.0.15",
+    "@vaadin/polymer-legacy-adapter": "^22.0.18",
     "@vaadin/testing-helpers": "^0.3.2",
     "lit": "^2.0.0",
     "sinon": "^9.2.0"
   },
-  "gitHead": "bba021b56ba45da93d2bb980242956ad929ecfe2"
+  "gitHead": "8f5d45192adbb084661af01c8837d0898cd68a23"
 }

package/src/vaadin-select.js

@@ -143,7 +143,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
         >
           <slot name="prefix" slot="prefix"></slot>
           <slot name="value"></slot>
-          <div part="toggle-button" slot="suffix" aria-hidden="true"></div>
+          <div part="toggle-button" slot="suffix" aria-hidden="true" on-mousedown="_onToggleMouseDown"></div>
         </vaadin-input-container>
 
         <div part="helper-text">
@@ -421,10 +421,21 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
    *
    * @private
    */
-  _onClick() {
+  _onClick(event) {
+    // Prevent parent components such as `vaadin-grid`
+    // from handling the click event after it bubbles.
+    event.preventDefault();
+
     this.opened = !this.readonly;
   }
 
+  /** @private */
+  _onToggleMouseDown(event) {
+    // Prevent mousedown event to avoid blur and preserve focused state
+    // while opening, and to restore focus-ring attribute on closing.
+    event.preventDefault();
+  }
+
   /**
    * @param {!KeyboardEvent} e
    * @protected

package/theme/lumo/vaadin-select.js

@@ -7,5 +7,6 @@ import '@vaadin/button/theme/lumo/vaadin-button.js';
 import '@vaadin/input-container/theme/lumo/vaadin-input-container.js';
 import '@vaadin/item/theme/lumo/vaadin-item.js';
 import '@vaadin/list-box/theme/lumo/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/lumo/vaadin-overlay.js';
 import './vaadin-select-styles.js';
 import '../../src/vaadin-select.js';

package/theme/material/vaadin-select.js

@@ -7,5 +7,6 @@ import '@vaadin/button/theme/material/vaadin-button.js';
 import '@vaadin/input-container/theme/material/vaadin-input-container.js';
 import '@vaadin/item/theme/material/vaadin-item.js';
 import '@vaadin/list-box/theme/material/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/material/vaadin-overlay.js';
 import './vaadin-select-styles.js';
 import '../../src/vaadin-select.js';