Form textarea component // rows attribute doesn't work if set to 1

[Nincha]

Hi there,

Using the Form textarea component : https://bootstrap-vue.org/docs/components/form-textarea

When rows attribute is set to 1 like the following:

<b-form-textarea id="textarea" v-model="message" placeholder="..." rows="1" max-rows="3"></b-form-textarea>

It appears that the minimum of rows is 2 rows no matter what. I thought about what if it was intentionnal, but the way I see it using rows="1" is a simple way to simulate a single line input that would autosize if needed.

Or maybe did I miss something?

Cheers,
Charlie

[Hiws]

Looking at the properties section of the b-textarea docs. It states that the minimum number of rows must be greater than 1.

Looking at the source code i found the following computed method that handles the minimum rows. Note the comment.

bootstrap-vue/src/components/form-textarea/form-textarea.js

Lines 77 to 82 in b3ad726

	computedMinRows() {
	// Ensure rows is at least 2 and positive (2 is the native textarea value)
	// A value of 1 can cause issues in some browsers, and most browsers
	// only support 2 as the smallest value
	return Math.max(parseInt(this.rows, 10) || 2, 2)
	},

[Nincha]

Oh okay, thanks for the quick answer!

Maybe a small info precision about that should be added to the doc? :)

[jacobmllr95]

Maybe a small info precision about that should be added to the doc? :)

See: https://bootstrap-vue.org/docs/components/form-textarea