add popover polyfill

Author: keithamus

docs/index.html

@@ -545,6 +545,34 @@ <h1>GitHub Feature Support Table</h1>
             <td data-supported="true"><div>34+</div></td>
             <td data-supported="true"><div>5.0+</div></td>
           </tr>
+          <tr>
+            <th>
+              <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover">
+                <code>HTMLElement.popover</code>
+              </a>
+            </th>
+            <td data-polyfill="popover"><div>*</div></td>
+            <td data-supported="true"><div>114+</div></td>
+            <td data-supported="true"><div>114+</div></td>
+            <td data-supported="true"><div>125+</div></td>
+            <td data-supported="true"><div>17+</div></td>
+            <td data-supported="true"><div>100+</div></td>
+            <td data-supported="true"><div>23.0+</div></td>
+          </tr>
+          <tr>
+            <th>
+              <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover">
+                <code>HTMLElement.popover = 'hint'</code>
+              </a>
+            </th>
+            <td data-polyfill="popover"><div>*</div></td>
+            <td data-supported="true"><div>114+</div></td>
+            <td data-supported="true"><div>114+</div></td>
+            <td data-supported="true"><div>125+</div></td>
+            <td data-supported="true"><div>17+</div></td>
+            <td data-supported="true"><div>+</div></td>
+            <td data-supported="true"><div>12.0+</div></td>
+          </tr>
           <tr>
             <th></th>
             <th colspan="7"><h3>Native Syntax</h3></th>

package-lock.json

@@ -49,5 +49,8 @@
         "mocha": "^10.2.0",
         "tslib": "^2.6.2",
         "typescript": "^5.2.2"
+    },
+    "dependencies": {
+        "@oddbird/popover-polyfill": "^0.5.2"
     }
 }

package.json

@@ -3,6 +3,7 @@ import * as elementCheckVisibility from './element-checkvisibility.js'
 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'
 
 let supportsModalPseudo = false
 try {
@@ -49,6 +50,7 @@ export const polyfills = {
   navigatorClipboard,
   requestIdleCallback,
   withResolvers,
+  popover,
 }
 
 export function isSupported() {