Remove cols="30" rows="10" from textarea Snippet

[wesbos]

Following up on this issue from @LeaVerou #582

<textarea name="" id="" cols="30" rows="10"></textarea>

Could we talk about removing cols and rows from the textarea snippet? Or at least making it a tab highlight to easily delete?

I think very few people use cols/rows to size textareas these days, as sizing it via CSS with width, height, block/inline size, or the upcoming field-sizing attribute are all ways to control how large the text area is.

If someone does want the textarea to be sized based on font size, using with/height with ems in css is a better route

All browsers provide a reasonable default for textarea.

[LeaVerou]

+1000

And maybe after that we can remove <label for>, which I keep having to delete when the control is inside the label

[sergeche]

Agree, cols and rows look obsolete these days, will remove them.

@LeaVerou I can add a special processing which will remove default for attribute in <label> if it contains input. What do you think about it?

[LeaVerou]

@LeaVerou I can add a special processing which will remove default for attribute in <label> if it contains input. What do you think about it?

That sounds way better than I hoped! Best of both worlds! (make sure to also take select and textarea into account, not just input)

[theperfectpunk]

@sergeche raised a PR for textarea, will be raising a PR for label with input processor

[sergeche]

Just published v2.4.7 which contains label preprocessor that removes for attribute if it contains <input> or <textarea> element. Removed empty id attribute from input as well