Text length calculation seems wrong

[lobau]

I feel like this problem keeps popping. If you look at this screenshot, I would expect all 3 lines to be stacked on top of each other, without line breaks in the middle:

https://docs.mrjs.io/doc/mr-a/#example

I believe the line break is because we miscalculate the width of the text.

[bkcastro]

I did some poking around and found that the width calculated is correct but for some reason, the last word gets sent to a new line. Sample image below. An easy fix is to just give the textObjs a bigger maxWidth but this makes the bounding box clip with the right side of the text. I'm not too sure how this may interact with different CSS properties. Here is the clipping example:

[hanbollar]

good find @bkcastro ! in regards to the bounding box, that gets setup at init for the text entity when it gets connected to the physics system (new entity to here which calls here)-- let me know if you're planning to take on a fix for this and if have any questions as you dig through that ~

[bkcastro]

@hanbollar Yeah I plan on fixing the text issue later today just have some school work to get done first. Thanks for clearing things up.