hidden="until-found"
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
要素が beforematch イベントを受け取るのは、それが hidden until found の状態にあり、ユーザーが「ページ内検索」機能やフラグメントナビゲーションによってコンテンツを見つけたため、ブラウザーがそのコンテンツを表示しようとしているときです。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 102 | 102 | 139 | 26.2 | 102 | 26.2 | |
html.global_attributes.hidden.until-found until-found`値 | 102 | 102 | 148 | 26.2 | 102 | 26.2 |
注釈 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>ライブデモ
Browsersearch in display
content hidden to, browsersearch in emitshowpossible to. with hidden=until-found
プレビュー全画面表示
hidden=until-found behavior
Contents that search to. with Normal. Hidden and. Difference.browser. Ctrl+F
プレビュー全画面表示
実務での使いどころ
-
hidden="until-found" の活用
Experimental: これは実験的な機能です。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。