fixed text overflow with some non-wrappable texts #2846

Author: liborm85

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Added `section` node
 - Fixed crash that occurred when using automatic page height
+- Fixed text overflow with some non-wrappable texts
 
 ## 0.3.0-beta.17 - 2025-04-29
 

src/LayoutBuilder.js

@@ -1120,6 +1120,27 @@ class LayoutBuilder {
 			return newInline;
 		}
 
+		function findMaxFitLength(text, maxWidth, measureFn) {
+			let low = 1;
+			let high = text.length;
+			let bestFit = 1;
+
+			while (low <= high) {
+				const mid = Math.floor((low + high) / 2);
+				const part = text.substring(0, mid);
+				const width = measureFn(part);
+
+				if (width <= maxWidth) {
+					bestFit = mid;
+					low = mid + 1;
+				} else {
+					high = mid - 1;
+				}
+			}
+
+			return bestFit;
+		}
+
 		if (!textNode._inlines || textNode._inlines.length === 0) {
 			return null;
 		}
@@ -1135,11 +1156,9 @@ class LayoutBuilder {
 			isForceContinue = false;
 
 			if (!inline.noWrap && inline.text.length > 1 && inline.width > line.getAvailableWidth()) {
-				let widthPerChar = inline.width / inline.text.length;
-				let maxChars = Math.floor(line.getAvailableWidth() / widthPerChar);
-				if (maxChars < 1) {
-					maxChars = 1;
-				}
+				let maxChars = findMaxFitLength(inline.text, line.getAvailableWidth(), (txt) =>
+					textInlines.widthOfText(txt, inline)
+				);
 				if (maxChars < inline.text.length) {
 					let newInline = cloneInline(inline);