events applied from a use:action ignore stopPropagation in child elements in Svelte 5

[Freeplayg]

I'm unsure if this is actually a bug or not, so I'm creating a discussion for now

I've made a recreation here

This was something seemed to work fine in Svelte 4 (with |stopPropagation). But now updating to Svelte 5, ev.stopPropagation() in events called from child elements are ignored.

The reason I'm adding the event like this is mainly for checking if the user is selecting text or not before running the function, and so that I can reuse this check in other components:

If this isn't a bug, does anyone have any idea on how else to implement this while still having it be reusable? (and if someone can explain what caused this behavior to change)

[brunnerh]

Svelte 5 uses event delegation and you need to subscribe using on from 'svelte/events' for stopPropagation to behave as expected.

[...] calling event.stopPropagation() inside a declarative handler won't prevent the programmatic handler (created inside an action, for example) from running.

Docs - Adjusted REPL

[Freeplayg]

Ah! I had missed that in the docs sorry, thank you!

[brunnerh]

It's a bit hidden; should probably be referenced in the "event handlers" section.
(But these docs are temporary anyway.)