@vaadin/app-layout 25.3.0-alpha3 → 25.3.0-alpha4
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.3.0-
|
|
3
|
+
"version": "25.3.0-alpha4",
|
|
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.3.0-
|
|
39
|
-
"@vaadin/button": "25.3.0-
|
|
40
|
-
"@vaadin/component-base": "25.3.0-
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "25.3.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.3.0-alpha4",
|
|
39
|
+
"@vaadin/button": "25.3.0-alpha4",
|
|
40
|
+
"@vaadin/component-base": "25.3.0-alpha4",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "25.3.0-alpha4",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/aura": "25.3.0-
|
|
46
|
-
"@vaadin/chai-plugins": "25.3.0-
|
|
47
|
-
"@vaadin/test-runner-commands": "25.3.0-
|
|
45
|
+
"@vaadin/aura": "25.3.0-alpha4",
|
|
46
|
+
"@vaadin/chai-plugins": "25.3.0-alpha4",
|
|
47
|
+
"@vaadin/test-runner-commands": "25.3.0-alpha4",
|
|
48
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "25.3.0-
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "25.3.0-alpha4",
|
|
50
50
|
"sinon": "^22.0.0"
|
|
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": "ff0efcd52d3b8a081e8101d36cf7bef65ed71cb1"
|
|
58
58
|
}
|
|
@@ -169,7 +169,7 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
169
169
|
super.disconnectedCallback();
|
|
170
170
|
this.__resizeObserver.disconnect();
|
|
171
171
|
this.removeEventListener('drawer-toggle-click', this.__drawerToggleClickListener);
|
|
172
|
-
window.removeEventListener('close-overlay-drawer', this.
|
|
172
|
+
window.removeEventListener('close-overlay-drawer', this.__closeOverlayDrawerListener);
|
|
173
173
|
window.removeEventListener('keydown', this.__onDrawerKeyDown);
|
|
174
174
|
}
|
|
175
175
|
|
|
@@ -448,7 +448,9 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
448
448
|
}
|
|
449
449
|
|
|
450
450
|
/** @private */
|
|
451
|
-
_onBackdropClick() {
|
|
451
|
+
_onBackdropClick(event) {
|
|
452
|
+
// End the ghost click window on the first click (see `_onBackdropTouchend`).
|
|
453
|
+
event.currentTarget.style.removeProperty('pointer-events');
|
|
452
454
|
this._close();
|
|
453
455
|
}
|
|
454
456
|
|
|
@@ -458,6 +460,18 @@ export const AppLayoutMixin = (superclass) =>
|
|
|
458
460
|
// on clickable element behind the backdrop
|
|
459
461
|
event.preventDefault();
|
|
460
462
|
|
|
463
|
+
// On iOS home screen (standalone) apps, `preventDefault()` on `touchend`
|
|
464
|
+
// does not reliably suppress the synthesized "ghost" click, which occurs
|
|
465
|
+
// on medium-length taps only. Keep the invisible backdrop hit-testable for
|
|
466
|
+
// a short while after closing, so that if a ghost click occurs it lands on
|
|
467
|
+
// the backdrop instead of the element behind it.
|
|
468
|
+
if (navigator.standalone) {
|
|
469
|
+
const backdrop = event.currentTarget;
|
|
470
|
+
backdrop.style.pointerEvents = 'auto';
|
|
471
|
+
// The ghost click arrives shortly after `touchend`.
|
|
472
|
+
setTimeout(() => backdrop.style.removeProperty('pointer-events'), 400);
|
|
473
|
+
}
|
|
474
|
+
|
|
461
475
|
this._close();
|
|
462
476
|
}
|
|
463
477
|
|
package/web-types.json
CHANGED