287055 2025-02-04 17:47:00 -0800 toggle & beforetoggle event not fire when dialog state change 2026-03-19 22:59:14 -0700 1 1 1 Unclassified WebKit WebCore Misc. Safari 18 Mac (Apple Silicon) macOS 14 RESOLVED DUPLICATE 268160 InRadar P2 Normal --- 1 meistudioli webkit-unassigned cdumez meistudioli ntim polarbirke webkit-bug-importer oldest_to_newest 2092017 0 meistudioli 2025-02-04 17:47:00 -0800 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> 2094030 1 webkit-bug-importer 2025-02-11 17:47:28 -0800 <rdar://problem/144656524> 2155727 2 polarbirke 2025-11-01 08:55:35 -0700 Can confirm in MacOS Safari 18; seems fixed in MacOS Safari 26. 2191941 3 ntim 2026-03-19 22:59:14 -0700 *** This bug has been marked as a duplicate of bug 268160 ***