JQueryEvents do not stop propagation when Event.stopPropagaion() is called

[FreexD]

JQueryEvent extends org.scalajs.dom.Event and thus should be handled by handlers declared with Element.addEventListener but this does not seem to be the case.

"stop propagation of JQueryEvents when Events stop their propagation" in {
      val element = div().render
      val wrapperElement = div(element).render

      element.addEventListener(EventName.click, { event: Event => event.stopImmediatePropagation() })

      var counter = 0
      jQ(wrapperElement).on(EventName.click, (_, _) => counter += 1)

      jQ(element).trigger(EventName.click)
      counter should be(0)
    }

I've added a test checking that behaviour and it fails and IMHO it shouldn't. Commit: 662ac1d

[FreexD]

This turns out to be the desired jQuery behaviour for some reason. Look at this reproduction https://jsfiddle.net/L2zy9pfu/5/ . Stopping propagation with JQuery.on handler will stop propagation of native events as well, but stopping propagation with addEventListener handler will only stop propagation of native event leaving jQuery events still bubbling.