Merge pull request #77 from keithamus/add-dialog-toggle-events-polyfill

add dialog-toggle-events polyfill

docs/index.html

@@ -573,6 +573,20 @@ <h1>GitHub Feature Support Table</h1>
             <td data-supported="true"><div>+</div></td>
             <td data-supported="true"><div>12.0+</div></td>
           </tr>
+          <tr>
+            <th>
+              <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event">
+                <code>beforetoggle on Dialog</code>
+              </a>
+            </th>
+            <td data-polyfill="dialogToggleEvents"><div>*</div></td>
+            <td data-supported="true"><div>132+</div></td>
+            <td data-supported="true"><div>132+</div></td>
+            <td data-supported="true"><div>133+</div></td>
+            <td data-supported="false"><div>*</div></td>
+            <td data-supported="true"><div>117+</div></td>
+            <td data-supported="true"><div>*</div></td>
+          </tr>
           <tr>
             <th></th>
             <th colspan="7"><h3>Native Syntax</h3></th>

package.json

@@ -46,6 +46,7 @@
         "typescript": "^5.2.2"
     },
     "dependencies": {
-        "@oddbird/popover-polyfill": "^0.5.2"
+        "@oddbird/popover-polyfill": "^0.5.2",
+        "dialog-toggle-events-polyfill": "^1.1.2"
     }
 }

src/index.ts

@@ -4,6 +4,7 @@ import * as navigatorClipboard from './navigator-clipboard.js'
 import * as withResolvers from './promise-withResolvers.js'
 import * as requestIdleCallback from './requestidlecallback.js'
 import * as popover from '@oddbird/popover-polyfill/fn'
+import * as dialogToggleEvents from 'dialog-toggle-events-polyfill/fn'
 
 let supportsModalPseudo = false
 try {
@@ -51,6 +52,7 @@ export const polyfills = {
   requestIdleCallback,
   withResolvers,
   popover,
+  dialogToggleEvents,
 }
 
 export function isSupported() {