Account for position of caret on auto-wrapped text. Closes knadh#1.

Mesfrum · Dec 10, 2023 · 2bbceb0 · 2bbceb0
1 parent 93b7721
commit 2bbceb0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/floatype.min.js b/docs/floatype.min.js
diff --git a/floatype.js b/floatype.js
@@ -162,14 +162,14 @@ export function floatype(el, options = {}) {
 
 		// Update shadow div content up to the cursor position
 		const cl = "floatype-caret";
-		shadow.innerHTML = el.value.substring(0, start) + `<span id="${cl}" style="display: inline-block;"></span>` + el.value.substring(start);
+		shadow.innerHTML = el.value.substring(0, start) + `<span id="${cl}" style="display: inline-block;">${el.value.substring(start)}</span>`;
 
 		const m = document.getElementById(cl);
 		const rect = el.getBoundingClientRect();
 
 		return {
 			x: rect.left + m.offsetLeft - el.scrollLeft, 
-			y: rect.top + m.offsetTop - el.scrollTop + 10
+			y: rect.top + m.offsetTop - el.scrollTop + (parseInt(getComputedStyle(m).height) + 5)
 		};
 	}