@descope/web-components-ui 3.3.1 → 3.3.2

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/dist/index.esm.js CHANGED
@@ -8054,8 +8054,10 @@ class RawDateFieldClass extends BaseInputClass$c {
8054
8054
  #adjustPopoverPosition() {
8055
8055
  const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;
8056
8056
 
8057
- // Remove previously added stylesheets
8058
- this.#popoverPosStylesheet?.remove();
8057
+ // Reset any previous transform so getBoundingClientRect measures the natural position
8058
+ this.#popoverPosStylesheet?.replaceSync(
8059
+ `vaadin-popover-overlay::part(overlay) { transform: none; }`
8060
+ );
8059
8061
 
8060
8062
  const windowRect = document.body.getBoundingClientRect();
8061
8063
  const inputRect = this.getBoundingClientRect();
@@ -8073,14 +8075,17 @@ class RawDateFieldClass extends BaseInputClass$c {
8073
8075
  newOffset = Math.min(Math.abs(offset), availableLeft) * -1;
8074
8076
  }
8075
8077
 
8076
- injectStyle(
8077
- `
8078
+ const css = `
8078
8079
  vaadin-popover-overlay::part(overlay) {
8079
8080
  transform: translateX(${newOffset}px);
8080
8081
  }
8081
- `,
8082
- popover
8083
- );
8082
+ `;
8083
+
8084
+ if (this.#popoverPosStylesheet) {
8085
+ this.#popoverPosStylesheet.replaceSync(css);
8086
+ } else {
8087
+ this.#popoverPosStylesheet = injectStyle(css, popover);
8088
+ }
8084
8089
  }
8085
8090
 
8086
8091
  #getPopoverContent() {