Word-wrap input-info text

[Jonkat323]

What is the best way to get <div class="item-input-info"> to word-wrap and not be hidden with an ellipsis?

Thanks.

[nolimits4web]

In MD theme it is not supported as input info is positioned absolutely, so in case of wrapping it won’t add more space to the next item. You can try to use List’s <div class="item-footer"> element instead, by placing it after “item-input-wrap”

[whatsapp_status]

There is any css error .

[Jonkat323]

Thanks this is a good alternative solution and it worked well.

[snowbeat]

@nolimits4web

In MD theme it is not supported as input info is positioned absolutely, so in case of wrapping it won’t add more space to the next item. You can try to use List’s <div class="item-footer"> element instead, by placing it after “item-input-wrap”

In my opinion is a big problem cut the text of information div, which is usually fundamental for filling the field.
Using the method described by you creates another problem, when field validation is used the error text overlaps the text in the div “item-footer”