Text not correctly wrapped if margin is set
Posted: Thu Oct 20, 2016 1:41 pm
Hi,
if a left margin is set on a text component with a fixed width and Word Wrap = true, then the width of the content in that component is not adjusted to the left margin.
The total width of the component (from border to border) becomes MARGIN + WIDTH instead of only WIDTH.
Let's assume a text component with a width of 3cm and a left margin of 25px.
If the text in that component is long, then it isn't wrapped at the border of the component, but to the right of the border.
This results in some letters not being displayed because they disappear behind the adjacent text component to the right.
Please take at look at the attached screenshots.
You can see that the letters N, O, and P aren't displayed because they are behind the next text component instead of in the next line.
The second line should start with N, not with Q.
The second screenshot shows Chrome's developer tools.
You can see that the inner div's width is not adjusted based on the left margin.
The actual width of the inner div should be the desired width (3cm) minus any margins (in this case 25px) so that the text is wrapped at the right border.
Do you have a solution for this problem (Version 2016.2)?
Regards,
Chris
if a left margin is set on a text component with a fixed width and Word Wrap = true, then the width of the content in that component is not adjusted to the left margin.
The total width of the component (from border to border) becomes MARGIN + WIDTH instead of only WIDTH.
Let's assume a text component with a width of 3cm and a left margin of 25px.
If the text in that component is long, then it isn't wrapped at the border of the component, but to the right of the border.
This results in some letters not being displayed because they disappear behind the adjacent text component to the right.
Please take at look at the attached screenshots.
You can see that the letters N, O, and P aren't displayed because they are behind the next text component instead of in the next line.
The second line should start with N, not with Q.
The second screenshot shows Chrome's developer tools.
You can see that the inner div's width is not adjusted based on the left margin.
The actual width of the inner div should be the desired width (3cm) minus any margins (in this case 25px) so that the text is wrapped at the right border.
Do you have a solution for this problem (Version 2016.2)?
Regards,
Chris