Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field.

I need some good way to display data that will be cut off.

I tried to use a Bootstrap based Tooltip or Popover on hover but I'm already using this kind of component for validation.

Here's an example of what I'm talking about.

<input type="text" style="width: 50px" value="xxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxxxx">

Is there a good way to display all the data inside this input?