Can't resize textarea/contenteditable div from inside the list item

[dragos-boisteanu]

trafficstars

Describe the bug

The item doesn't resize vertically when using a textarea that can be resized vertically by the user or a contenteditable div and the text goes to a new line. Also after going to a new line and it fails the selected textarea/contenteditable div lose focus.

Tested on Firefox and Edge.

Reproduction

https://github.com/dragos-boisteanu/scroller-issue

commit: vertical scalling with textarea and contenteditable The top is vue-virtual-scroller where the problem is and the bottom is another lib where this works as intended

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (12) x64 AMD Ryzen 5 5600H with Radeon Graphics
    Memory: 3.22 GB / 15.36 GB
  Binaries:
    Node: 16.17.0 - C:\Program Files\nodejs\node.EXE
    npm: 8.15.0 - C:\Program Files\nodejs\npm.CMD


Vue 2.6.14
vue-virtual-scroller 1.1.2

Used Package Manager

pnpm

Validations

• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.