useTextareaAutosize

[muster-mark]

Describe the bug

The textarea increases in height before necessary. I do not think this is as intended, or I imagine it would be mentioned in the docs. The following video was recorded from the example page https://vueuse.org/core/useTextareaAutosize on Firefox . The behaviour is the same on Chrome.

Screen.Recording.2024-05-10.at.11.14.08.mov

Reproduction

https://vueuse.org/core/useTextareaAutosize/

System Info

Not applicable as issue apparent on vueuse.org demo.

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[lzl0304]

You need to add the following styles

textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

textarea::-webkit-scrollbar {
  display: none;
}

https://vueuse.org/core/useTextareaAutosize/#usage