Sticky note resize results in Excalidraw deadlock when using a grid

[zsviczian]

Open the sample file (sample.zip) in Excalidraw. Resize the rectangle to decrease its width. Excalidraw will get into an infinite loop.

2021-12-30.18-03-13.mp4

Location of the infinite loop:

excalidraw/src/element/textElement.ts

Lines 261 to 331 in dd8e465

	while (index < words.length) {
	const currentWordWidth = getTextWidth(words[index], font);
	// Start breaking longer words exceeding max width
	if (currentWordWidth > maxWidth) {
	// push current line since the current word exceeds the max width
	// so will be appended in next line
	if (currentLine) {
	lines.push(currentLine);
	}
	currentLine = "";
	currentLineWidthTillNow = 0;
	while (words[index].length > 0) {
	const currentChar = words[index][0];
	const width = charWidth.calculate(currentChar, font);
	currentLineWidthTillNow += width;
	words[index] = words[index].slice(1);
	if (currentLineWidthTillNow >= maxWidth) {
	// only remove last trailing space which we have added when joining words
	if (currentLine.slice(-1) === " ") {
	currentLine = currentLine.slice(0, -1);
	}
	lines.push(currentLine);
	currentLine = currentChar;
	currentLineWidthTillNow = width;
	if (currentLineWidthTillNow === maxWidth) {
	currentLine = "";
	currentLineWidthTillNow = 0;
	}
	} else {
	currentLine += currentChar;
	}
	}
	// push current line if appending space exceeds max width
	if (currentLineWidthTillNow + spaceWidth > maxWidth) {
	lines.push(currentLine);
	currentLine = "";
	currentLineWidthTillNow = 0;
	} else {
	// space needs to be appended before next word
	// as currentLine contains chars which couldn't be appended
	// to previous line
	currentLine += " ";
	currentLineWidthTillNow += spaceWidth;
	}
	index++;
	} else {
	// Start appending words in a line till max width reached
	while (currentLineWidthTillNow < maxWidth && index < words.length) {
	const word = words[index];
	currentLineWidthTillNow = getTextWidth(currentLine + word, font);
	if (currentLineWidthTillNow >= maxWidth) {
	lines.push(currentLine);
	currentLineWidthTillNow = 0;
	currentLine = "";
	break;
	}
	index++;
	currentLine += `${word} `;
	}
	if (currentLineWidthTillNow === maxWidth) {
	currentLine = "";
	currentLineWidthTillNow = 0;
	}
	}
	}

[dwelle]

fixed via #4506