@limetech/lime-elements 37.65.11 → 37.65.12

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [37.65.12](https://github.com/Lundalogik/lime-elements/compare/v37.65.11...v37.65.12) (2024-11-12)
+
+
+### Bug Fixes
+
+
+* **date-picker:** avoid creating flatpickr instance while hidden ([7bd6f8a](https://github.com/Lundalogik/lime-elements/commit/7bd6f8a7f37d9920c832dc3513632927d0ae5365))
+* **flatpickr-adapter:** create flatpickr again after disconnected ([737178a](https://github.com/Lundalogik/lime-elements/commit/737178a62b8958c9f9b7d2af23764e7ec150fb6d))
+
 ## [37.65.11](https://github.com/Lundalogik/lime-elements/compare/v37.65.10...v37.65.11) (2024-11-11)
 
 

package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js

@@ -7624,28 +7624,6 @@ const DatePickerCalendar = class {
     else if (!this.isOpen) {
       this.picker.setValue(this.value);
     }
-    this.tryFixConfusingWidthBug();
-  }
-  tryFixConfusingWidthBug() {
-    // Sometimes the datepickr renders with the width set to 1px.
-    // We've not been able to understand why but believe it has
-    // to do with the internal implementation of flatpickr.
-    // The fix below is an ugly fix that seems to solve this
-    // issue for us.
-    const ONE_SECOND = 1000;
-    const TEN_PIXELS = 10;
-    if (this.isOpen) {
-      setTimeout(() => {
-        if (this.isOpen) {
-          const flatpickrElement = this.container.querySelector('div.flatpickr-calendar');
-          const { width } = flatpickrElement.getBoundingClientRect();
-          if (width < TEN_PIXELS) {
-            this.destroyFlatpickr();
-            this.createFlatpickr();
-          }
-        }
-      }, ONE_SECOND);
-    }
   }
   createFlatpickr() {
     if (!this.inputElement) {
@@ -7653,14 +7631,15 @@ const DatePickerCalendar = class {
       // after its been rendered.
       return;
     }
+    if (!this.isOpen || !this.container.checkVisibility()) {
+      return;
+    }
     this.picker.init(this.inputElement, this.container, this.value);
     this.flatPickrCreated = true;
   }
-  destroyFlatpickr() {
-    this.picker.destroy();
-  }
   disconnectedCallback() {
     this.picker.destroy();
+    this.flatPickrCreated = false;
   }
   render() {
     return (index.h("div", { class: "container", ref: (el) => (this.container = el), style: {