element.setContent fails when mixing spaces and tags

[danikaze]

Basically, I'm setting an element (box with tags: true) with a content, and setting its width to content.width... something like this:

const lines = ['123', '456'];
box.setContent(lines.join('\n'))
box.width = lines[0].length;
box.height = lines.length;

this works fine... if you don't mix spaces and tags...

I'll explain with examples (height = 1, width = 3):

// OK cases:
box.setContent('abc');
box.setContent('abc\n');
box.setContent('a c\n');
box.setContent('{red-fg}a{/red-fg}b{green-fg}c{/green-fg}\n');

// NG cases (last character "doesn't fit" and it ("c") is rendered in the next line
box.setContent('{red-fg}a{/red-fg} {green-fg}c{/green-fg}');
box.setContent('{red-fg}a{/red-fg} {green-fg}c{/green-fg}\n');

so it looks like at some point of the rendering, it's not calculating well the line size and adds new \n characters breaking all the text positioning.