hidden="until-found"
要素が beforematch イベントを受け取るのは、それが hidden until found の状態にあり、ユーザーが「ページ内検索」機能やフラグメントナビゲーションによってコンテンツを見つけたため、ブラウザーがそのコンテンツを表示しようとしているときです。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 102 | 102 | 139 | 26.2 | 102 | 26.2 | |
| HTML 属性 | ||||||
注釈 3件
制限事項
- このブラウザでは部分的にしか実装されていません
削除済み
- このバージョンで機能が削除されました (148)
実装メモ
- ブラウザが一致するテキストまで正しくスクロールしない。バグ 2006040 を参照してください。
注釈 2件
制限事項
- このブラウザでは部分的にしか実装されていません
実装メモ
- ブラウザが一致するテキストまで正しくスクロールしない。バグ 304174 を参照してください。
注釈 2件
制限事項
- このブラウザでは部分的にしか実装されていません
実装メモ
- ブラウザが一致するテキストまで正しくスクロールしない。バグ 304174 を参照してください。
基本構文
HTML
<details>
<summary>FAQ Answers</summary>
<div hidden="until-found">
<p>This text will be displayed automatically if it is found via the page search.</p>
</div>
</details>ライブデモ
実務での使いどころ
-
hidden="until-found" の活用
要素が beforematch イベントを受け取るのは、それが hidden until found の状態にあり、ユーザーが「ページ内検索」機能やフラグメントナビゲーションによってコンテンツを見つけたため、ブラウザーがそのコンテンツを表示しようとしているときです。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。