diff --git a/src/css/styles.scss b/src/css/styles.scss
index 164230e26..47e0ffb30 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -575,3 +575,14 @@
     }
   }
 }
+
+.excalidraw-textEditorContainer {
+  overflow: hidden;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  pointer-events: none;
+  textarea {
+    pointer-events: all;
+  }
+}
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index 5173b29cd..a8cf6674f 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -93,7 +93,7 @@ export const textWysiwyg = ({
   editable.wrap = "off";
 
   Object.assign(editable.style, {
-    position: "fixed",
+    position: "relative",
     display: "inline-block",
     minHeight: "1em",
     backfaceVisibility: "hidden",