From 7b4a620f5801e8f17cd94ec507e7148ea2fbc685 Mon Sep 17 00:00:00 2001
From: Shimin <andreashimin@gmail.com>
Date: Tue, 7 May 2024 14:10:44 +0800
Subject: [PATCH] fix(wren-ui): Fix svg embed definitions styles that affected
 user operation (#205)

---
 wren-ui/src/components/diagram/Marker.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/wren-ui/src/components/diagram/Marker.tsx b/wren-ui/src/components/diagram/Marker.tsx
index 794f961e4..3e0ba2b55 100644
--- a/wren-ui/src/components/diagram/Marker.tsx
+++ b/wren-ui/src/components/diagram/Marker.tsx
@@ -1,6 +1,16 @@
 export default function Marker() {
+  // This is only used to embed definitions which can reused inside an svg image.
   return (
-    <svg style={{ position: 'absolute', top: 0, left: 0 }}>
+    <svg
+      style={{
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: 0,
+        height: 0,
+        zIndex: -1,
+      }}
+    >
       <defs>
         <marker
           id="many_right"