TransitionGroup transition causes touchmove events to stall
Vue version
v3.2.47 and v3.3.0beta
Link to minimal reproduction
Steps to reproduce
On a device with touchscreen, touch and hold one of the squares in the list. Keep moving the screen with the finger or pencil.
What is expected?
You can keep moving touch events during and after transitions.
What is actually happening?
Once the transition is done, "in-flight" touchmove events no longer get registered. You can see this from the coordinates no longer getting updated.
System Info
System:
OS: Linux 5.19 Ubuntu 22.04.2 LTS 22.04.2 LTS (Jammy Jellyfish)
CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
Memory: 3.12 GB / 15.35 GB
Container: Yes
Shell: 5.1.16 - /bin/bash
Binaries:
Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node
npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm
Browsers:
Brave Browser: 112.1.50.114
Chrome: 112.0.5615.165
Chromium: 112.0.5615.49
Firefox: 112.0.1
npmPackages:
vue: ^3.2.47 => 3.2.47
Any additional comments?
Not that this is different per browser: On Edge, Chrome this happens. On Firefox this does NOT happen. It might therefore be a browser bug in touch events.
Workaround is to use pointer-events in stead.