How to wrap word inside a non-editable input type=text?

Question

I am trying to wrap the text inside the input type=text field.I cannot use textarea anyway.

My code:

input type="text" ng-disabled="true"  ng-model="groupValue[key]" style="width: 100%;"

Is there any fix for this?

Answer 1

Why would you wrap a sigle line text field ?

Normaly you would word-wrap the output from the field.

But anyway the CSS property you are looking for is whitespace