Bug 287055 – toggle & beforetoggle event not fire when dialog state change

• Status: NEW
• Component: WebCore Misc.

[Paul Li]

Steps to reproduce the problem:
1. <dialog /> add toggle & beforetoggle event.
2. Call dialog.showModal().
3. event not dispatch.

What is the expected behavior ?
1. toggle & beforetoggle event should dispatch.

What went wrong?
1. toggle & beforetoggle event not dispatch.


Sample code:
<dialog class="my-dialog">
  this is a dialog
</dialog>

<script type="module">
const dialog = document.querySelector('.my-dialog');

dialog.addEventListener('beforetoggle',
  (event) => {
    console.log('beforetoggle event', event);
  }
);

dialog.addEventListener('toggle',
  (event) => {
    console.log('toggle event', event);
  }
);

dialog.addEventListener('close',
  (event) => {
    console.log('close event', event);
  }
);

dialog.showModal();
</script>

[Radar WebKit Bug Importer]

<rdar://problem/144656524>

Can confirm in MacOS Safari 18; seems fixed in MacOS Safari 26.