@vaadin/select 23.0.8 → 23.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/select",
-  "version": "23.0.8",
+  "version": "23.0.11",
   "publishConfig": {
     "access": "public"
   },
@@ -34,24 +34,24 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.2.0",
-    "@vaadin/button": "^23.0.8",
-    "@vaadin/component-base": "^23.0.8",
-    "@vaadin/field-base": "^23.0.8",
-    "@vaadin/input-container": "^23.0.8",
-    "@vaadin/item": "^23.0.8",
-    "@vaadin/list-box": "^23.0.8",
-    "@vaadin/vaadin-list-mixin": "^23.0.8",
-    "@vaadin/vaadin-lumo-styles": "^23.0.8",
-    "@vaadin/vaadin-material-styles": "^23.0.8",
-    "@vaadin/vaadin-overlay": "^23.0.8",
-    "@vaadin/vaadin-themable-mixin": "^23.0.8"
+    "@vaadin/button": "^23.0.11",
+    "@vaadin/component-base": "^23.0.11",
+    "@vaadin/field-base": "^23.0.11",
+    "@vaadin/input-container": "^23.0.11",
+    "@vaadin/item": "^23.0.11",
+    "@vaadin/list-box": "^23.0.11",
+    "@vaadin/vaadin-list-mixin": "^23.0.11",
+    "@vaadin/vaadin-lumo-styles": "^23.0.11",
+    "@vaadin/vaadin-material-styles": "^23.0.11",
+    "@vaadin/vaadin-overlay": "^23.0.11",
+    "@vaadin/vaadin-themable-mixin": "^23.0.11"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "^23.0.8",
+    "@vaadin/polymer-legacy-adapter": "^23.0.11",
     "@vaadin/testing-helpers": "^0.3.2",
     "lit": "^2.0.0",
     "sinon": "^9.2.0"
   },
-  "gitHead": "43fe9d95c8cd745adc7bef214c0097c47f4f83ed"
+  "gitHead": "10838304fe6f5c98b838ec3a90bdcf49cbf4650b"
 }

package/src/vaadin-select-overlay.js

@@ -15,7 +15,7 @@ registerStyles(
       justify-content: flex-start;
     }
   `,
-  { moduleId: 'vaadin-select-overlay-styles' }
+  { moduleId: 'vaadin-select-overlay-styles' },
 );
 
 /**

package/src/vaadin-select-value-button.js

@@ -38,7 +38,7 @@ registerStyles(
       line-height: inherit;
     }
   `,
-  { moduleId: 'vaadin-select-value-button-styles' }
+  { moduleId: 'vaadin-select-value-button-styles' },
 );
 
 /**

package/src/vaadin-select.d.ts

@@ -255,13 +255,13 @@ declare class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixi
   addEventListener<K extends keyof SelectEventMap>(
     type: K,
     listener: (this: Select, ev: SelectEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof SelectEventMap>(
     type: K,
     listener: (this: Select, ev: SelectEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-select.js

@@ -209,7 +209,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
        */
       items: {
         type: Array,
-        observer: '__itemsChanged'
+        observer: '__itemsChanged',
       },
 
       /**
@@ -221,7 +221,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
         value: false,
         notify: true,
         reflectToAttribute: true,
-        observer: '_openedChanged'
+        observer: '_openedChanged',
       },
 
       /**
@@ -253,14 +253,14 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
         type: String,
         value: '',
         notify: true,
-        observer: '_valueChanged'
+        observer: '_valueChanged',
       },
 
       /**
        * The name of this element.
        */
       name: {
-        type: String
+        type: String,
       },
 
       /**
@@ -271,7 +271,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
        * DOM content is empty.
        */
       placeholder: {
-        type: String
+        type: String,
       },
 
       /**
@@ -281,7 +281,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
       readonly: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /** @private */
@@ -289,7 +289,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
 
       /** @private */
       _phoneMediaQuery: {
-        value: '(max-width: 420px), (max-height: 420px)'
+        value: '(max-width: 420px), (max-height: 420px)',
       },
 
       /** @private */
@@ -299,7 +299,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
       _inputContainer: Object,
 
       /** @private */
-      _items: Object
+      _items: Object,
     };
   }
 
@@ -308,7 +308,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
       '_updateAriaExpanded(opened)',
       '_updateAriaRequired(required)',
       '_updateSelectedItem(value, _items, placeholder)',
-      '_rendererChanged(renderer, _overlayElement)'
+      '_rendererChanged(renderer, _overlayElement)',
     ];
   }
 
@@ -320,7 +320,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
         const button = document.createElement('vaadin-select-value-button');
         button.setAttribute('aria-haspopup', 'listbox');
         return button;
-      }
+      },
     };
   }
 
@@ -376,7 +376,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
     this.addController(
       new MediaQueryController(this._phoneMediaQuery, (matches) => {
         this._phone = matches;
-      })
+      }),
     );
 
     processTemplates(this);
@@ -451,7 +451,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
           this.__userInteraction = true;
           this.opened = false;
         },
-        true
+        true,
       );
 
       menuElement.setAttribute('role', 'listbox');
@@ -485,7 +485,11 @@ 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;
   }
 
@@ -536,7 +540,7 @@ class Select extends DelegateFocusMixin(FieldMixin(SlotMixin(ElementMixin(Themab
 
       this._overlayElement.style.setProperty(
         '--vaadin-select-text-field-width',
-        this._inputContainer.offsetWidth + 'px'
+        this._inputContainer.offsetWidth + 'px',
       );
 
       // Preserve focus-ring to restore it later

package/theme/lumo/vaadin-select-styles.js

@@ -82,7 +82,7 @@ registerStyles(
       background-color: transparent;
     }
   `,
-  { moduleId: 'lumo-select-value-button' }
+  { moduleId: 'lumo-select-value-button' },
 );
 
 const selectOverlay = css`

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-styles.js

@@ -63,7 +63,7 @@ registerStyles(
       background-color: transparent;
     }
   `,
-  { moduleId: 'material-select-value-button' }
+  { moduleId: 'material-select-value-button' },
 );
 
 const selectOverlay = css`

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';