Vertical Layout Group Not Behaving Even Close to Correctly

Questions & Answers
1

I’m trying to make a chatbox by adding multiple text elements to a vertical layout group with a content size fitter. This was working fine with TextMeshPro while my canvas was at constant pixel size. However I needed to change my canvas to scale with screen size, and now the vertical layout group refuses to do what I say. Here are the settings for my layout group:
152372-layoutgroup.png

Here is what the scene looks like when I add a text element:

152373-layoutscene.png
152373-layoutscene.png765×214 9.87 KB

This is with no padding or spacing. It just decides that upper left means all the way to the right, off of the screen entirely. If only this was consistent, I could account for it, but I can not predict where it will decide “upper left” means. Any ideas anyone?

Something to note: I am adding the text elements dynamically via script and setting sibling position. If I do add elements statically the layout group works fine.

2

If I go back to using text mesh pro this is the error I get:152376-prolayouterror.png
At least this is on the right, but for the life if me i can’t get it to align correctly.

Edit: Ok so I figured out why the alignment was off on text mesh pro. It was the text mesh pro margins settings which somehow set left to something non-zero. setting to zero fixed the issue.