@vaadin/app-layout 25.1.5 → 25.1.7
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": "25.1.
|
|
3
|
+
"version": "25.1.7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "~25.1.
|
|
39
|
-
"@vaadin/button": "~25.1.
|
|
40
|
-
"@vaadin/component-base": "~25.1.
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "~25.1.
|
|
38
|
+
"@vaadin/a11y-base": "~25.1.7",
|
|
39
|
+
"@vaadin/button": "~25.1.7",
|
|
40
|
+
"@vaadin/component-base": "~25.1.7",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "~25.1.7",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/aura": "~25.1.
|
|
46
|
-
"@vaadin/chai-plugins": "~25.1.
|
|
47
|
-
"@vaadin/test-runner-commands": "~25.1.
|
|
45
|
+
"@vaadin/aura": "~25.1.7",
|
|
46
|
+
"@vaadin/chai-plugins": "~25.1.7",
|
|
47
|
+
"@vaadin/test-runner-commands": "~25.1.7",
|
|
48
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "~25.1.
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "~25.1.7",
|
|
50
50
|
"sinon": "^21.0.2"
|
|
51
51
|
},
|
|
52
52
|
"customElements": "custom-elements.json",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "9872e9dc95ced20136b2f5373760d8e47bf9d44b"
|
|
58
58
|
}
|
|
@@ -201,7 +201,7 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
201
201
|
|
|
202
202
|
window.removeEventListener('resize', this.__boundResizeListener);
|
|
203
203
|
this.removeEventListener('drawer-toggle-click', this.__drawerToggleClickListener);
|
|
204
|
-
window.removeEventListener('close-overlay-drawer', this.
|
|
204
|
+
window.removeEventListener('close-overlay-drawer', this.__closeOverlayDrawerListener);
|
|
205
205
|
window.removeEventListener('keydown', this.__onDrawerKeyDown);
|
|
206
206
|
}
|
|
207
207
|
|
|
@@ -463,7 +463,9 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
463
463
|
}
|
|
464
464
|
|
|
465
465
|
/** @private */
|
|
466
|
-
_onBackdropClick() {
|
|
466
|
+
_onBackdropClick(event) {
|
|
467
|
+
// End the ghost click window on the first click (see `_onBackdropTouchend`).
|
|
468
|
+
event.currentTarget.style.removeProperty('pointer-events');
|
|
467
469
|
this._close();
|
|
468
470
|
}
|
|
469
471
|
|
|
@@ -473,6 +475,18 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
473
475
|
// on clickable element behind the backdrop
|
|
474
476
|
event.preventDefault();
|
|
475
477
|
|
|
478
|
+
// On iOS home screen (standalone) apps, `preventDefault()` on `touchend`
|
|
479
|
+
// does not reliably suppress the synthesized "ghost" click, which occurs
|
|
480
|
+
// on medium-length taps only. Keep the invisible backdrop hit-testable for
|
|
481
|
+
// a short while after closing, so that if a ghost click occurs it lands on
|
|
482
|
+
// the backdrop instead of the element behind it.
|
|
483
|
+
if (navigator.standalone) {
|
|
484
|
+
const backdrop = event.currentTarget;
|
|
485
|
+
backdrop.style.pointerEvents = 'auto';
|
|
486
|
+
// The ghost click arrives shortly after `touchend`.
|
|
487
|
+
setTimeout(() => backdrop.style.removeProperty('pointer-events'), 400);
|
|
488
|
+
}
|
|
489
|
+
|
|
476
490
|
this._close();
|
|
477
491
|
}
|
|
478
492
|
|
package/web-types.json
CHANGED