@vaadin/date-picker 25.0.0-beta1 → 25.0.0-beta3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta1",
+  "version": "25.0.0-beta3",
   "publishConfig": {
     "access": "public"
   },
@@ -34,25 +34,25 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.0.0-beta1",
-    "@vaadin/button": "25.0.0-beta1",
-    "@vaadin/component-base": "25.0.0-beta1",
-    "@vaadin/field-base": "25.0.0-beta1",
-    "@vaadin/input-container": "25.0.0-beta1",
-    "@vaadin/overlay": "25.0.0-beta1",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-beta1",
+    "@vaadin/a11y-base": "25.0.0-beta3",
+    "@vaadin/button": "25.0.0-beta3",
+    "@vaadin/component-base": "25.0.0-beta3",
+    "@vaadin/field-base": "25.0.0-beta3",
+    "@vaadin/input-container": "25.0.0-beta3",
+    "@vaadin/overlay": "25.0.0-beta3",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-beta3",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-beta1",
-    "@vaadin/test-runner-commands": "25.0.0-beta1",
+    "@vaadin/chai-plugins": "25.0.0-beta3",
+    "@vaadin/test-runner-commands": "25.0.0-beta3",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-beta1",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-beta3",
     "sinon": "^21.0.0"
   },
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "1d20cf54e582d1f2e209126d4586f8b4c01c50e0"
+  "gitHead": "4b2006b0e2f4fc131f5483223b852d34224e7b9a"
 }

package/src/vaadin-date-picker-mixin.js

@@ -616,6 +616,23 @@ export const DatePickerMixin = (subclass) =>
       return !this._shouldKeepFocusRing;
     }
 
+    /**
+     * Override method inherited from `ClearButtonMixin`
+     * to not blur on clear button mousedown when opened
+     * so that focus remains in the input field.
+     *
+     * @return {boolean}
+     * @protected
+     * @override
+     */
+    _shouldKeepFocusOnClearMousedown() {
+      if (this.opened) {
+        return true;
+      }
+
+      return super._shouldKeepFocusOnClearMousedown();
+    }
+
     /**
      * Override method inherited from `FocusMixin`
      * to prevent removing the `focused` attribute:
@@ -1077,10 +1094,8 @@ export const DatePickerMixin = (subclass) =>
         // The input element cannot be readonly as it would conflict with
         // the required attribute. Both are not allowed on an input element.
         // Therefore we prevent default on most keydown events.
-        const allowedKeys = [
-          9, // Tab
-        ];
-        if (allowedKeys.indexOf(e.keyCode) === -1) {
+        const allowedKeys = ['Tab', 'Escape'];
+        if (allowedKeys.indexOf(e.key) === -1) {
           e.preventDefault();
         }
       }

package/src/vaadin-date-picker-overlay-content.js

@@ -34,9 +34,7 @@ class DatePickerOverlayContent extends DatePickerOverlayContentMixin(
   }
 
   static get lumoInjector() {
-    return {
-      includeBaseStyles: true,
-    };
+    return { ...super.lumoInjector, includeBaseStyles: true };
   }
 
   /** @protected */

package/src/vaadin-infinite-scroller.js

@@ -308,7 +308,7 @@ export class InfiniteScroller extends HTMLElement {
 
   /** @private */
   _createPool() {
-    const container = this.getBoundingClientRect();
+    const viewportHeight = this.innerHeight;
     this._buffers.forEach((buffer) => {
       for (let i = 0; i < this.bufferSize; i++) {
         const itemWrapper = document.createElement('div');
@@ -326,7 +326,7 @@ export class InfiniteScroller extends HTMLElement {
         this.appendChild(itemWrapper);
 
         // Only stamp the visible instances first
-        if (this._isVisible(itemWrapper, container)) {
+        if (this.itemHeight * i <= viewportHeight) {
           this._ensureStampedInstance(itemWrapper);
         }
       }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta1",
+  "version": "25.0.0-beta3",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/date-picker",
-  "version": "25.0.0-beta1",
+  "version": "25.0.0-beta3",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {