ブラウザサポート
Plain Elements が対応するブラウザと、各コンポーネントに必要な Web API。
Plain Elements は Baseline 2024 を基準とし、古いブラウザ向けの polyfill は含みません。各エントリーポイントの最小バージョンは次のとおりです。
最小バージョン
Section titled “最小バージョン”| コンポーネント | Chrome / Edge | Firefox | Safari / iOS Safari | 必要なネイティブ API |
|---|---|---|---|---|
| Dialog | 92+ | 98+ | 15.4+ | <dialog> と HTMLDialogElement.showModal() |
| Popover | 114+ | 125+ | 17+ | Popover API と :popover-open |
| Tooltip | 92+ | 98+ | 15.4+ | Custom Elements、ResizeObserver、getAnimations() |
| Tabs | 92+ | 98+ | 15.4+ | Custom Elements とモダン DOM API |
| Accordion | 92+(name は 120+) |
98+(name は 130+) |
15.4+(name は 17.2+) |
<details>、<summary>、任意の制御方式 |
| Collapsible | 92+(until-found は 102+) | 98+(until-found 完全対応は 148+) | 15.4+(until-found 部分対応は 26.2+) | Custom Elements とオプション hidden="until-found" |
モバイルブラウザは対応するデスクトップエンジン、iOS は Safari のバージョンに準じます。任意機能の details[name]、::details-content、hidden="until-found" は表に示す新しいバージョンが必要です。
テストは現行の Chromium、Firefox、WebKit で実行しています。サポート対象の最小バージョンはアプリケーション側でも検証してください。Popover API のフォールバックはありません。