From 103aab04c6f02c5f8f660dc3cc03a1ac4ce70473 Mon Sep 17 00:00:00 2001
From: Sarantopoulos Konstantinos <sarantopouloskon@gmail.com>
Date: Fri, 28 Apr 2023 12:05:57 +0300
Subject: [PATCH] Fix multiple wrappers

---
 packages/core/src/base/base.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/base/base.ts b/packages/core/src/base/base.ts
index a357fec2..5ff293b4 100644
--- a/packages/core/src/base/base.ts
+++ b/packages/core/src/base/base.ts
@@ -87,10 +87,14 @@ export class TileDBVisualization {
 
   render(): void {
     const canvas = document.createElement('canvas');
-    const wrapperDiv = document.createElement('div');
-    wrapperDiv.id = 'tdb-viz-wrapper';
-    wrapperDiv.style.position = 'relative';
-    wrapperDiv.style.width = '100%';
+    let wrapperDiv = document.getElementById('tdb-viz-wrapper');
+
+    if (!wrapperDiv) {
+      wrapperDiv = document.createElement('div');
+      wrapperDiv.id = 'tdb-viz-wrapper';
+      wrapperDiv.style.position = 'relative';
+      wrapperDiv.style.width = '100%';
+    }
     canvas.style.width = this.width;
     canvas.style.height = this.height;
     this.canvas = canvas;