Watch the className prop to update the popup.

indoorequal · May 27, 2024 · 8195dc8 · 8195dc8
1 parent 38ee649
commit 8195dc8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/lib/components/controls/custom.control.ts b/lib/components/controls/custom.control.ts
@@ -36,7 +36,7 @@ export default defineComponent({
      */
     class: {
       type: String as PropType<string>,
-      default: 'maplibregl-ctrl maplibregl-ctrl-group',
+      default: "maplibregl-ctrl maplibregl-ctrl-group",
     },
   },
   slots: Object as SlotsType<{ default: unknown }>,

diff --git a/lib/components/popup.component.ts b/lib/components/popup.component.ts
@@ -172,6 +172,17 @@ export default defineComponent({
       () => props.maxWidth,
       (v) => popup.setMaxWidth(v),
     );
+    watch(
+      () => props.className,
+      (value, previous) => {
+        if (previous) {
+          popup.removeClassName(p);
+        }
+        if (value) {
+          popup.addClassName(v);
+        }
+      },
+    );
     watch(
       () => props.subpixelPositioning,
       (v) => popup.setSubpixelPositioning(v),