From 7ea559894f56da41630f60b1fc2b9fcb745aae6b Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Thu, 18 Aug 2022 16:32:16 +0800
Subject: [PATCH] fix: html shape issues

---
 .../apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx   |  7 +------
 tldraw/apps/tldraw-logseq/src/styles.css              | 11 ++++++++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx
index 5669f19b86..183c65a903 100644
--- a/tldraw/apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx
+++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/HTMLShape.tsx
@@ -79,19 +79,14 @@ export class HTMLShape extends TLBoxShape<HTMLShapeProps> {
           onPointerUp={stop}
           className="tl-html-container"
           style={{
-            width: '100%',
-            height: '100%',
             pointerEvents: isEditing ? 'all' : 'none',
-            userSelect: 'all',
-            position: 'relative',
-            margin: 0,
             overflow: isEditing ? 'auto' : 'hidden',
           }}
         >
           <div
             ref={anchorRef}
             className="tl-html-anchor"
-            dangerouslySetInnerHTML={{ __html: html }}
+            dangerouslySetInnerHTML={{ __html: html.trim() }}
           />
         </div>
       </HTMLContainer>
diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css
index 5fd09b0fac..4bfea0da77 100644
--- a/tldraw/apps/tldraw-logseq/src/styles.css
+++ b/tldraw/apps/tldraw-logseq/src/styles.css
@@ -580,9 +580,14 @@
   flex-grow: 0;
 }
 
-.tl-html-container > iframe {
-  @apply h-full w-full !important;
-  margin: 0;
+.tl-html-container {
+  @apply h-full w-full m-0 relative flex;
+  user-select: text;
+
+  > iframe {
+    @apply h-full w-full !important;
+    margin: 0;
+  }
 }
 
 .tl-logseq-cp-container {