CODEWITHSUNDEEP
htmlcss
Azciop
Azciop

Reputation: 47

Unable to resize a form using resize

i want one input to have the resize drag but does not work on my input. I tried on a button to see if it works and it does. (its a vue.JS page)

  <div class="directioncolumn">
            <label for="description">Message*</label>
            <input class="message" id="message" type="text" required />
          </div>


.message {
  border: 2px solid;
  padding: 20px; 
  width: 300px;
  resize: both;
  overflow: auto;
  resize: both;
  max-width: 100%;
}

Upvotes: 0

Views: 53

Answers (1)

PhobosFerro
PhobosFerro

Reputation: 1001

<input type="text"> is not meant to have more than one line.

If you want it to be resizable you'd have to use <textarea>:

<input type="text" placeholder="Not resizable"></input><br>
<textarea>Resizable</textarea>

Upvotes: 2

Related Questions