listener added via use:ref.addEventListener is unstoppable by e.stopPropagation

[andriuwe4ka]

Describe the bug

we have two nested elements

• parent: add event listener for something (eg: click) through Action
• child: add onsomething handler (eg: click)

expected behavior:
e.stopPropagation() in child's handler should prevent parent' listener execution

current behavior:
e.stopPropagation() does not affect anything
even more: parent' listener is activated prior to child' handler

Reproduction

https://svelte.dev/playground/864d939fbd80483482f4c6d7f0ea4d08?version=5.23.1

Logs

System Info

Chrome

Severity

blocking all usage of svelte

[Prinzhorn]

You need to use import { on } from 'svelte/events';

Attaches an event handler to the window and returns a function that removes the handler. Using this rather than addEventListener will preserve the correct order relative to handlers added declaratively (with attributes like onclick), which use event delegation for performance reasons

https://svelte.dev/docs/svelte/svelte-events