BFormTextarea should allow 1 row

In this commit, the default value for the rows prop of the BFormTextarea component was changed to ‘2’, which is good. However it now ignores a prop value of ‘1’, which was previously possible - the computedMinRows computed property forces a value of at least 2.

This makes it impossible to have a BFormTextarea display one row if the contents has 0 or 1 rows, and grow from there as the user enters text. Could the minimum rows please be decreased to 1?

[cvn]

I came up with a CSS solution.

<b-form-textarea
  v-model="messageText"
  :class="{short: messageText.length < 30 && !messageText.includes('\n')}"
  max-rows="4"
/>

.short {
  max-height: 38px;
}

Or, when I want a textarea to show up as one line by default, but grow when focused, I use a static css class:

.short:not(:focus) {
  max-height: 38px;
}

[tmorehouse]

Unfortunately 1 is not a valid value for rows across browsers. Certain versions of firefox will crap out when set to 1, and other browsers will force it to 2 (el.rows === 2) even though you have set it to 1.

The minimum value of 2 is on purpose to work cross browser. Allowing other values may crap out on some browsers.