Parent ‘on load’ event triggering multiple times due to DOM re-renders or updates with child event handlers #586

restless · 2024-10-31T12:42:11Z

I'm not 100% sure if that's a bug but I believe is either unexpected or expected but not documented.

Simply put, when the page defined below is opened then the "on load" event is triggered 3 times. At the same time the "init" is executed only once (as expected). It can be validated in the devtools by checking the printed messages.

<html>
  <head>
    <script src="https://unpkg.com/[email protected]"></script>
  </head>
  <body>

    <div _="on load log 'on load'">
      On load
      <button _="on click log 'clicked'">Click me</button>
      <button _="on click log 'clicked 2'">Click me too</button>
    </div>

    <div _="init log 'init'">
      Init
      <button _="on click log 'clicked'">Click me</button>
    </div>

  </body>
</html>

So, is it expected or it's a bug?

The text was updated successfully, but these errors were encountered:

1cg · 2024-12-17T19:36:57Z

yes, expected, the load event bubbles:

_hyperscript/src/_hyperscript.js

Line 2004 in e875279

this.triggerEvent(target || elt, "load", {

1cg closed this as completed Dec 17, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Parent ‘on load’ event triggering multiple times due to DOM re-renders or updates with child event handlers #586

Parent ‘on load’ event triggering multiple times due to DOM re-renders or updates with child event handlers #586

restless commented Oct 31, 2024

1cg commented Dec 17, 2024

Parent ‘on load’ event triggering multiple times due to DOM re-renders or updates with child event handlers #586

Parent ‘on load’ event triggering multiple times due to DOM re-renders or updates with child event handlers #586

Comments

restless commented Oct 31, 2024

1cg commented Dec 17, 2024