Issue with text alignment


I’m having issue with text alignment. I have created a component with text that is within an auto layout. The text itself is left-aligned and the auto layout is aligned to the top left. However when using the component and editing the text it fills from the centre.

Screen Shot 2021-12-15 at 2.28.44 pm

Example of a label with extended text
Example 2

Without seeing how your constraints and layers are set up, there can be millions of reasons why it would work this way.

I’ve noticed the issue happens once I make it a component. Before doing so, the text within the auto layout stays left aligned.

Here is a screenshot of the auto layout setup
Screen Shot 2021-12-15 at 4.26.38 pm

… and a screenshot of the text setup
Screen Shot 2021-12-15 at 4.26.51 pm

Set constraints to Left.

That did the trick. Thank you.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.