Initializing manually a wet component added dynamically not working in pure JS/TS

[joel-dev-qc]

Required information

Describe the bug
I'm wondering if it's normal that I can't trigger the initialization manually using pure TS/JavaScript.
In JQuery you can do :

jQuery(table).trigger("wb-init.wb-tables");
// or 
jQuery(table).trigger("timerpoke.wb");

To Reproduce

const element = document.querySelector("yourSelector");

const event = new Event("timerpoke.wb", {bubbles: true});
element.dispatchEvent(event);

Expected behaviour
DispatchEvent should works but it's not.
Jquery works.

Additional information (optional)

Using the latest version of Wet with Typescript.

[mercury64]

Try CustomEvent rather than Event.

[joel-dev-qc]

@mercury64 Yes, I'm pretty sure I tried too but it doesn't seems to work.

[joel-dev-qc]

@mercury64 Ok I confirm that it doesn't work too.

Maybe @duboisp know if it's possible?

[mercury64]

The following works:

  const element = document.getElementById('myTableID');
  const event = document.createEvent("Event");

  element.classList.add('wb-tables')

  event.initEvent("wb-init", true);
    // or
  event.initEvent("timerpoke", true);

  element.dispatchEvent(event);

[duboisp]

JQuery event are triggered at the document level, not on the element. I am not sure that DOM event is fully compatible with JQuery event, I never tried.