fix #161; fix #190

Author: mProjectsCode

exampleVault/Input Fields/Editor.md

@@ -7,8 +7,63 @@ editor: |-
   # Heading
 
   [[Slider]]
+editor2: |-
+  asd
+
+  asd
+  asd
+
+  as
+  d
+  asd
+  as
+  d
+  as
+  da
+  sd
+
+  asd
+
+  as
+  d
+  as
+  d
+  as
+  d
+  as
+  d
+  as
+  d
+  a
+  d
+  as
+  d
+  as
+  dasda
+  \\asd
+  as
+  d
+  a
+  da
+  s
+  da
+  sd
+  a
+  d
+  a
+  sd
+  a
+  sd
+
+  asd
+
+  asd
 ---
 
 ```meta-bind
 INPUT[editor(showcase):editor]
+```
+
+```meta-bind
+INPUT[editor(showcase):editor2]
 ```

src/fields/inputFields/fields/Editor/EditorComponent.svelte

@@ -9,8 +9,8 @@
 	let inputEl: HTMLElement;
 
 	onMount(() => {
-		renderEl.toggleVisibility(true);
-		inputEl.toggleVisibility(false);
+		renderEl.style.display = "block";
+		inputEl.style.display = "none";
 		render(renderEl, value);
 	});
 
@@ -20,15 +20,15 @@
 	}
 
 	function focusOut() {
-		renderEl.toggleVisibility(true);
-		inputEl.toggleVisibility(false);
+		renderEl.style.display = "block";
+		inputEl.style.display = "none";
 		render(renderEl, value);
 	}
 
 	function focusIn() {
-		console.log('focus in');
-		renderEl.toggleVisibility(false);
-		inputEl.toggleVisibility(true);
+		// console.log('focus in');
+		renderEl.style.display = "none";
+		inputEl.style.display = "block";
 		inputEl.focus();
 	}
 
@@ -63,6 +63,7 @@
 		padding: 0;
 		position: relative;
 		margin-left: 0;
+		overflow: scroll;
 	}
 
 	.editor-input > textarea {
@@ -73,6 +74,7 @@
 		position: absolute;
 		inset: 0;
 		resize: none;
+		border-radius: 0;
 	}
 
 	.editor-input > div {