@vaadin/multi-select-combo-box 23.3.0-alpha3 → 23.3.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "23.3.0-alpha3",
+  "version": "23.3.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -37,23 +37,24 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/combo-box": "23.3.0-alpha3",
-    "@vaadin/component-base": "23.3.0-alpha3",
-    "@vaadin/field-base": "23.3.0-alpha3",
-    "@vaadin/input-container": "23.3.0-alpha3",
-    "@vaadin/lit-renderer": "23.3.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.3.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.3.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.3.0-alpha3"
+    "@vaadin/combo-box": "23.3.0-alpha5",
+    "@vaadin/component-base": "23.3.0-alpha5",
+    "@vaadin/field-base": "23.3.0-alpha5",
+    "@vaadin/input-container": "23.3.0-alpha5",
+    "@vaadin/lit-renderer": "23.3.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "23.3.0-alpha5",
+    "@vaadin/vaadin-material-styles": "23.3.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "23.3.0-alpha5"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
+    "lit": "^2.0.0",
     "sinon": "^13.0.2"
   },
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "e86cd2abf3e28bade37711291331415d92c454ec"
+  "gitHead": "0b6fdcf444683e97e3efb433d603e1274d5bcd66"
 }

package/src/vaadin-multi-select-combo-box.js

@@ -969,10 +969,10 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
           this._onBackSpace(chips);
           break;
         case 'ArrowLeft':
-          this._onArrowLeft(chips);
+          this._onArrowLeft(chips, event);
           break;
         case 'ArrowRight':
-          this._onArrowRight(chips);
+          this._onArrowRight(chips, event);
           break;
         default:
           this._focusedChipIndex = -1;
@@ -982,12 +982,15 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
   }
 
   /** @private */
-  _onArrowLeft(chips) {
-    if (this.inputElement.value !== '' || this.opened) {
+  _onArrowLeft(chips, event) {
+    if (this.inputElement.selectionStart !== 0) {
       return;
     }
 
     const idx = this._focusedChipIndex;
+    if (idx !== -1) {
+      event.preventDefault();
+    }
     let newIdx;
 
     if (this.getAttribute('dir') !== 'rtl') {
@@ -1012,12 +1015,15 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
   }
 
   /** @private */
-  _onArrowRight(chips) {
-    if (this.inputElement.value !== '' || this.opened) {
+  _onArrowRight(chips, event) {
+    if (this.inputElement.selectionStart !== 0) {
       return;
     }
 
     const idx = this._focusedChipIndex;
+    if (idx !== -1) {
+      event.preventDefault();
+    }
     let newIdx;
 
     if (this.getAttribute('dir') === 'rtl') {
@@ -1043,7 +1049,7 @@ class MultiSelectComboBox extends ResizeMixin(InputControlMixin(ThemableMixin(El
 
   /** @private */
   _onBackSpace(chips) {
-    if (this.inputElement.value !== '' || this.opened) {
+    if (this.inputElement.selectionStart !== 0) {
       return;
     }
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "23.3.0-alpha3",
+  "version": "23.3.0-alpha5",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "23.3.0-alpha3",
+  "version": "23.3.0-alpha5",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {