@vaadin/app-layout 24.10.3 → 24.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +10 -10
- package/src/vaadin-app-layout-mixin.js +16 -2
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/app-layout",
|
|
3
|
-
"version": "24.10.
|
|
3
|
+
"version": "24.10.5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/a11y-base": "~24.10.
|
|
41
|
-
"@vaadin/button": "~24.10.
|
|
42
|
-
"@vaadin/component-base": "~24.10.
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "~24.10.
|
|
44
|
-
"@vaadin/vaadin-material-styles": "~24.10.
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "~24.10.
|
|
40
|
+
"@vaadin/a11y-base": "~24.10.5",
|
|
41
|
+
"@vaadin/button": "~24.10.5",
|
|
42
|
+
"@vaadin/component-base": "~24.10.5",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "~24.10.5",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "~24.10.5",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "~24.10.5",
|
|
46
46
|
"lit": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@vaadin/chai-plugins": "~24.10.
|
|
50
|
-
"@vaadin/test-runner-commands": "~24.10.
|
|
49
|
+
"@vaadin/chai-plugins": "~24.10.5",
|
|
50
|
+
"@vaadin/test-runner-commands": "~24.10.5",
|
|
51
51
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
52
52
|
"sinon": "^18.0.0"
|
|
53
53
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "58e7810171be7423aab5c5caefbf67f62074c796"
|
|
59
59
|
}
|
|
@@ -204,7 +204,7 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
204
204
|
|
|
205
205
|
window.removeEventListener('resize', this.__boundResizeListener);
|
|
206
206
|
this.removeEventListener('drawer-toggle-click', this.__drawerToggleClickListener);
|
|
207
|
-
window.removeEventListener('close-overlay-drawer', this.
|
|
207
|
+
window.removeEventListener('close-overlay-drawer', this.__closeOverlayDrawerListener);
|
|
208
208
|
window.removeEventListener('keydown', this.__onDrawerKeyDown);
|
|
209
209
|
}
|
|
210
210
|
|
|
@@ -465,7 +465,9 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
/** @private */
|
|
468
|
-
_onBackdropClick() {
|
|
468
|
+
_onBackdropClick(event) {
|
|
469
|
+
// End the ghost click window on the first click (see `_onBackdropTouchend`).
|
|
470
|
+
event.currentTarget.style.removeProperty('pointer-events');
|
|
469
471
|
this._close();
|
|
470
472
|
}
|
|
471
473
|
|
|
@@ -475,6 +477,18 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
475
477
|
// on clickable element behind the backdrop
|
|
476
478
|
event.preventDefault();
|
|
477
479
|
|
|
480
|
+
// On iOS home screen (standalone) apps, `preventDefault()` on `touchend`
|
|
481
|
+
// does not reliably suppress the synthesized "ghost" click, which occurs
|
|
482
|
+
// on medium-length taps only. Keep the invisible backdrop hit-testable for
|
|
483
|
+
// a short while after closing, so that if a ghost click occurs it lands on
|
|
484
|
+
// the backdrop instead of the element behind it.
|
|
485
|
+
if (navigator.standalone) {
|
|
486
|
+
const backdrop = event.currentTarget;
|
|
487
|
+
backdrop.style.pointerEvents = 'auto';
|
|
488
|
+
// The ghost click arrives shortly after `touchend`.
|
|
489
|
+
setTimeout(() => backdrop.style.removeProperty('pointer-events'), 400);
|
|
490
|
+
}
|
|
491
|
+
|
|
478
492
|
this._close();
|
|
479
493
|
}
|
|
480
494
|
|
package/web-types.json
CHANGED