fix: use resizeobserver in order to support firefox

EOX-A · Dec 18, 2024 · a46cf52 · a46cf52
1 parent e3de0b1
commit a46cf52
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/elements/layercontrol/src/components/layer-legend.js b/elements/layercontrol/src/components/layer-legend.js
@@ -73,14 +73,15 @@ export class EOxLayerControlLayerLegend extends LitElement {
     return this.noShadow ? this : super.createRenderRoot();
   }
 
-  updated() {
-    if (
-      !this.layerLegend.width &&
-      this.offsetWidth < 325 &&
-      this.offsetWidth !== this.layerLegend.width
-    ) {
-      this.layerLegend.width = this.offsetWidth;
-      this.requestUpdate();
+  firstUpdated() {
+    // if the width is explicitly set, don't auto-update
+    if (!this.layerLegend.width) {
+      new ResizeObserver(() => {
+        if (this.offsetWidth !== this.layerLegend.width) {
+          this.layerLegend.width = this.offsetWidth;
+          this.requestUpdate();
+        }
+      }).observe(this.renderRoot.querySelector(".legend-container"));
     }
   }