@vaadin/overlay 25.2.8 → 25.2.9

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.
Files changed (4) hide show
  1. package/package.json +9 -9
  2. package/src/styles/vaadin-overlay-base-styles.js +5 -0
  3. package/src/vaadin-overlay-mixin.js +1 -1
  4. package/src/vaadin-overlay-stack-mixin.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/overlay",
3
- "version": "25.2.8",
3
+ "version": "25.2.9",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,19 +34,19 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@open-wc/dedupe-mixin": "^1.3.0",
37
- "@vaadin/a11y-base": "~25.2.8",
38
- "@vaadin/component-base": "~25.2.8",
39
- "@vaadin/vaadin-themable-mixin": "~25.2.8",
37
+ "@vaadin/a11y-base": "~25.2.9",
38
+ "@vaadin/component-base": "~25.2.9",
39
+ "@vaadin/vaadin-themable-mixin": "~25.2.9",
40
40
  "lit": "^3.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@vaadin/aura": "~25.2.8",
44
- "@vaadin/chai-plugins": "~25.2.8",
45
- "@vaadin/test-runner-commands": "~25.2.8",
43
+ "@vaadin/aura": "~25.2.9",
44
+ "@vaadin/chai-plugins": "~25.2.9",
45
+ "@vaadin/test-runner-commands": "~25.2.9",
46
46
  "@vaadin/testing-helpers": "^2.0.0",
47
- "@vaadin/vaadin-lumo-styles": "~25.2.8",
47
+ "@vaadin/vaadin-lumo-styles": "~25.2.9",
48
48
  "sinon": "^22.0.0"
49
49
  },
50
50
  "customElements": "custom-elements.json",
51
- "gitHead": "46ec4be23967061d203ca4dad6e7b8291d4edd9c"
51
+ "gitHead": "233d7875d586aca82b9cd43f19616bd6a4e81631"
52
52
  }
package/src/styles/vaadin-overlay-base-styles.js CHANGED
@@ -55,6 +55,11 @@ export const overlayStyles = css`
55
55
  display: none !important;
56
56
  }
57
57
 
58
+ :host([suppressed]) [part='overlay'],
59
+ :host([suppressed]) ::slotted(*) {
60
+ pointer-events: none !important;
61
+ }
62
+
58
63
  [part='overlay'] {
59
64
  color: var(--vaadin-overlay-text-color, var(--vaadin-text-color));
60
65
  background: var(--vaadin-overlay-background, var(--vaadin-background-color));
package/src/vaadin-overlay-mixin.js CHANGED
@@ -479,7 +479,7 @@ export const OverlayMixin = (superClass) =>
479
479
  _finishClosing() {
480
480
  this._detachOverlay();
481
481
  this._removeAttachedInstance();
482
- this.$.overlay.style.removeProperty('pointer-events');
482
+ this.toggleAttribute('suppressed', false);
483
483
  setOverlayStateAttribute(this, 'closing', false);
484
484
  this.dispatchEvent(new CustomEvent('vaadin-overlay-closed'));
485
485
  }
package/src/vaadin-overlay-stack-mixin.js CHANGED
@@ -106,10 +106,10 @@ export const OverlayStackMixin = (superClass) =>
106
106
  document.body.style.pointerEvents = 'none';
107
107
  }
108
108
 
109
- // Disable pointer events in other attached overlays
109
+ // Suppress pointer events in other attached overlays
110
110
  getAttachedInstances().forEach((el) => {
111
111
  if (el !== this) {
112
- el.$.overlay.style.pointerEvents = 'none';
112
+ el.toggleAttribute('suppressed', true);
113
113
  }
114
114
  });
115
115
  }
@@ -122,7 +122,7 @@ export const OverlayStackMixin = (superClass) =>
122
122
  delete this._previousDocumentPointerEvents;
123
123
  }
124
124
 
125
- // Restore pointer events in the previous overlay(s)
125
+ // Stop suppressing pointer events in the previous overlay(s)
126
126
  const instances = getAttachedInstances();
127
127
 
128
128
  let el;
@@ -132,7 +132,7 @@ export const OverlayStackMixin = (superClass) =>
132
132
  // Skip the current instance
133
133
  continue;
134
134
  }
135
- el.$.overlay.style.removeProperty('pointer-events');
135
+ el.toggleAttribute('suppressed', false);
136
136
  if (!el.modeless) {
137
137
  // Stop after the last modal
138
138
  break;