fix(qwikloader): stopPropagation for any async handlers

[PatrickJS]

sync$ may not be async function and e.stopPropagation() won't work unless it's fired immediately

fixes #5322

used this repo with the fix in a custom qwik loader
https://github.com/PatrickJS/bug-qwik-loader-stopPropagation

[PatrickJS]

ok so this really should fix this problem if you see here only the first sync fn with e.stopPropagation() will make it work correctly

https://qwik.dev/playground/#f=7VdNS8NAEP0rSw7tBtvQeJLgIh4F8SB6kh7UxNpLLdKDEPa%2F%2B2Znd5LdtEURtEKDtelkdna%2B9r1Jr2lOy7Nepbr6TxSdXnzhL7BvyHqWVilLI795qxtE3m8nkCuEMOs5BPld3TMD2R0JwuzhA%2FH8TCp84chj%2F0qsFQ75jAEd09YXKivXHwoYuqzVE8gqU1VftHhvmlU2EXPrx7pG8StVzoLQWn9D%2FD8lq1Paw7R067YLCjIKtA9i0CVP60YiCxd4sCkwdqyvwDn1EuHjcGP2YbBBebao7tMYUJ8GddCmHW2TZKJmeS4rbd6Fzp4yVmvUhweA3X7vc6Y%2Fe7GdAp%2FLDU4W5sdGj%2BNcjvPUQGgJLUmONH4r2L%2BP9KAqe%2FjBzvksBtwbnlGWPNM8B7xXo5EYiR4UGOK189KliXGIr3OHafSIIcAK9pg23FmJ1LThznZwDPjN2SF%2Br%2FJ4jE%2BMnndApwF6biD8GnqS5v6IfhgL1XfoNTFP7LQ45l%2F5vGVoBUbR3IhUKeCzB2Q37VfKIbHbJhiQkI2CdddGXTMnTOBscpPJE36NMKngRJWkGG1FOYRm5B7ReXDRZ7dSAfK7ExW01XXzEvS3r4nXDdamBhIj8%2F4T2%2F0Quci2%2BHa7XLzucC5d735jaOhNgq5BKUWmpf%2FfaR%2FfOem4huY5DpL%2Fb5D8BA

[PatrickJS]

this fix wasn't the fix I'm looking into qwikloader

[PatrickJS]

this might be a browser bug or most likely the cancelBubble only happens because it finishes propagation so after setTimeout the event is reset. we have to run stopPropagation after each async action to maintain the correct state

// Add a click event listener to the document body
document.body.addEventListener('click', function(e) {
  // Stop propagation
  e.stopPropagation();
  
  // Log cancelBubble value immediately after stopping propagation
  console.log('Immediate cancelBubble:', e.cancelBubble); 

  // Set a timeout
  setTimeout(function() {
    // Log cancelBubble value after the timeout
    console.log('After setTimeout cancelBubble:', e.cancelBubble);
    // e.cancelBubble <--- should be true but it's false 
  }, 1000);
});

[thejackshelton]

LGTM 🙌 . Merging

[wmertens]

Shouldn't this be called before awaiting?

[thejackshelton]

Shouldn't this be called before awaiting?

Ah yes, I don't think we want any possible delay here, so something like:

const cancelBubble = ev.cancelBubble;
if (cancelBubble) {
  ev.stopPropagation();
}
if (isPromise(results)) {
  await results;
}

does that look right @wmertens ? If so happy to make another PR