From 1d6e26938012b09e7f17a0276085a8935902dcc9 Mon Sep 17 00:00:00 2001
From: Husam Ibrahim <huielbashir@gmail.com>
Date: Tue, 28 Jun 2022 00:25:53 +0200
Subject: [PATCH 1/2] fix: dom management conflicts in info windows

---
 src/components/InfoWindow.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/InfoWindow.vue b/src/components/InfoWindow.vue
index 6f69260..e9b7374 100644
--- a/src/components/InfoWindow.vue
+++ b/src/components/InfoWindow.vue
@@ -1,6 +1,8 @@
 <template>
-  <div ref="infoWindowRef" v-if="hasSlotContent" class="info-window-content">
-    <slot />
+  <div v-if="hasSlotContent" class="info-window-wrapper">
+    <div ref="infoWindowRef">
+      <slot />
+    </div>
   </div>
 </template>
 
@@ -104,11 +106,11 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.info-window-content {
+.info-window-wrapper {
   display: none;
 }
 
-.mapdiv .info-window-content {
+.mapdiv .info-window-wrapper {
   display: inline-block;
 }
 </style>

From f8f6beff78a37499e981354dd51f81b1db1eaa6a Mon Sep 17 00:00:00 2001
From: Husam Ibrahim <huielbashir@gmail.com>
Date: Tue, 28 Jun 2022 00:26:12 +0200
Subject: [PATCH 2/2] fix: dom management conflicts in custom markers

---
 src/components/CustomMarker.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/CustomMarker.vue b/src/components/CustomMarker.vue
index 40f7aa0..e8ede3f 100644
--- a/src/components/CustomMarker.vue
+++ b/src/components/CustomMarker.vue
@@ -1,11 +1,8 @@
 <template>
-  <div
-    ref="customMarkerRef"
-    v-if="hasSlotContent"
-    class="custom-marker-content"
-    :style="{ cursor: !!$attrs.onClick ? 'pointer' : undefined }"
-  >
-    <slot />
+  <div v-if="hasSlotContent" class="custom-marker-wrapper">
+    <div ref="customMarkerRef" :style="{ cursor: !!$attrs.onClick ? 'pointer' : undefined }">
+      <slot />
+    </div>
   </div>
 </template>
 
@@ -41,11 +38,11 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.custom-marker-content {
+.custom-marker-wrapper {
   display: none;
 }
 
-.mapdiv .custom-marker-content {
+.mapdiv .custom-marker-wrapper {
   display: inline-block;
 }
 </style>