Difference between input behaviour on elements between touch and mouse

Touch input events and mouse event behave differently between on the UI elements.

The touchend event is called on the element that matches the touch id during the touchstart event which can be a different element that the finger is over.

Mouseup event is called on whatever the mouse is currently over when the button is let go.

See examples here where the fullscreen elements are disabled/enabled on touchstart/mousedown:
https://playcanvas.com/editor/scene/939550 (Mouse event)
https://playcanvas.com/editor/scene/939543 (Touch event)

On the touch example, the output is the following:

white touchstart
white touchend

On the mouse example, the output is:

white mousedown
red mouseup

Ideally the two should match in behaviour. Not sure which one to change as either has the potential to break projects that relied on touchend being called on the element that was touchstarted.

Start by reproducing the linked mouse and touch examples and trace the touchstart/touchend and mousedown/mouseup event entry points. Decide which release-target behavior is intended without breaking existing touch projects, then verify that the chosen behavior is consistent across the examples.