Include :modal selector in base support

github · Mar 27, 2024 · a948757 · a948757
1 parent 78aeb4e
commit a948757
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -4,6 +4,12 @@ import * as elementCheckVisibility from './element-checkvisibility.js'
 import * as navigatorClipboard from './navigator-clipboard.js'
 import * as requestIdleCallback from './requestidlecallback.js'
 
+let supportsModalPseudo = false
+try {
+  // This will error in older browsers
+  supportsModalPseudo = document.body.matches(':modal') === false
+} catch {}
+
 export const baseSupport =
   typeof globalThis === 'object' &&
   // ES2019
@@ -26,6 +32,7 @@ export const baseSupport =
   // DOM / HTML and other specs
   typeof queueMicrotask === 'function' &&
   typeof HTMLDialogElement === 'function' &&
+  supportsModalPseudo &&
   typeof AggregateError === 'function' &&
   typeof BroadcastChannel === 'function' &&
   'randomUUID' in crypto &&