Wrap text within in a text input

Question

I am needing to wrap text within a text input. I know that textareas have this functionality by default, but I need to use a text input to allow for submit on enter. Pressing enter in a textarea just brings you to a new line.

I've tried word-wrap and word-break, but those don't work.

Possible duplicate of [Input Field, wrap text instead of extending horizontally](http://stackoverflow.com/questions/3251661/input-field-wrap-text-instead-of-extending-horizontally) — Wowsk, Apr 29 '16 at 18:05
@Wowsk that answer uses textarea, question is for text input. — Adam Buchanan Smith, Apr 29 '16 at 18:07
Yeah all the other questions here accepted answers that tell them to use textareas, but I am looking for an actual solution to this problem. Thank you, though! — kiaaanabal, Apr 29 '16 at 18:09
But the question is about inputs and the answers tell you that it is not possible — Wowsk, Apr 29 '16 at 18:12
if you just need submit in textarea you can use onkeyup, - if enter - submit — fdfey, Apr 29 '16 at 18:12
@fdfey thank you! We may consider using a textarea and using shift + enter for new line and enter as only submit. — kiaaanabal, Apr 29 '16 at 18:16

score 1 · Accepted Answer · answered Apr 29 '16 at 18:28

Since you cannot wrap an input your best option would be to disable the enter in a text area, see fiddle: https://jsfiddle.net/c259LrpL/11/

<textarea id="something"></textarea>
<script>
$("#something").keydown(function(e){
if (e.keyCode == 13 && !e.shiftKey)
{
  e.preventDefault();
  return false;
  }
});
</script>

Wrap text within in a text input

1 Answers1