Dispatch GestureEvent in node depth order

[Yesterday17]

Summary

This PR changes the order to follow the node depth order, emulating the sequence of event bubbling. It fixes some touch inconsistent compared to click events we found when using touchscreen devices like iPad. For example, if you TAP the New Folder icon in the file tree, the folder would be created in root directory instead of the opened folder:

However, the CLICK behavior works as expected: a new folder is created within the selected directory. This discrepancy arises because when you tap, the PaneView receives the event prior to New Folder, which set the current focus node to the pane header before creating folder/file.

Current behavior

Currently GestureEvents are dispatched according to the order of this.targets:

vscode/src/vs/base/browser/touch.ts

Lines 277 to 282 in 3648016

	for (const target of this.targets) {
	if (target.contains(event.initialTarget)) {
	target.dispatchEvent(event);
	this.dispatched = true;
	}
	}

The order of this.target corresponds to insertion order of the LinkedList:

vscode/src/vs/base/browser/touch.ts

Line 110 in 3648016

const remove = Gesture.INSTANCE.targets.push(element);

[TylerLeonhardt]

@mjbvz blame points to you as the initial author so assigning you... let me know if you want me to help from the testing perspective as I have an iPad.

[alexdima]

Thank you!