Textbox label overflow issue

[verdody]

Hi.

We have discovered an issue with textbox label overflow. When defining a longer placeholder or when user changes the size of the window, the text overflows the area of the textbox.

Can you please provide a fix for this? Thank You

[felix-ico]

Hi @verdody thanks for reporting this issue. Off the top of my head I see two ways that this could be fixed:

• we could add word-break: break-word to the label area and additionally we would have to implement some js to calculate the height of the label when the textarea is focussed (otherwise the input cursor would overlap the label when it is more than one line). I think this solution would bring about some other issues and would take some time to be implemented and QAd properly.

• (in the meantime) you could use the helperText prop for the additional text (no personal data allowed) so that this information is displayed below the textarea instead of the label area.

I will bring this issue up in the team and see if there are some other possible solutions that come up.

[verdody]

Hi @feix-ico. Thank you for your proposals. Unfortunately, we are already using helperText prop for displaying validation comments.

The most suitable way would be having the (no personal data allowed) as a part of the label without the overlap.

Please inform me about any updates on this issue.

[verdody]

Hi @felix-ico. Any update on this issue?