When touchend and touchstart occur at the same time, only touchstart not fired

There seems to be a bug that when touchstart and touchend events are set and they occur at the same time, only touchstart does not fire. For example, when touchstart occurs on the right hand and touchend occurs on the left hand at the same time.

Does anyone know the details of this or a workaround? This occurs with Safari and Chrome on iOS 15.6 and not on Android devices.

The following codepen demo will help you understand.

https://codepen.io/arisaito/pen/WNzymjv

In this demo, when touchstart is detected a box of each color appears at the top, and when touchend is detected the box disappears. However when touchstart and touchend are repeated with both hands on an iOS device, there are frequent cases where the box does not appear even if touchstart is occured.

I noticed the same problem. It also occurs with IE. The problem seems to be worse on my iPad, but it is also there on my iPhone. I cannot find any solution for it... Anyone else ?

It happens on all browsers on iPhones. We would greatly appreciate it if this issue could be fixed, as we are developing an online game playable on these devices. Sometimes, it causes buttons to become unresponsive when these events are triggered simultaneously.

When touchend and touchstart occur at the same time, only touchstart not fired
 
 
Q