hidden="until-found"
An element receives a beforematch event when it is in the hidden until found state and the browser is about to reveal its content because the user has found the content through the "find in page" feature or through fragment navigation.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 102 | 102 | 139 | 26.2 | 102 | 26.2 | |
html.global_attributes.hidden.until-found `until-found` value | 102 | 102 | 148 | 26.2 | 102 | 26.2 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 3 item(s)
Limitation
- This browser only partially implements this feature
Removed
- This feature was removed in a later browser version (148)
Implementation note
- The browser does not correctly scroll to the matching text. See bug 2006040.
Notes 2 item(s)
Limitation
- This browser only partially implements this feature
Implementation note
- The browser does not correctly scroll to the matching text. See bug 304174.
Notes 2 item(s)
Limitation
- This browser only partially implements this feature
Implementation note
- The browser does not correctly scroll to the matching text. See bug 304174.
Syntax
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>Live demo
Browsersearch in display
content hidden to, browsersearch in emitshowpossible to. with hidden=until-found
PreviewFullscreen
hidden=until-found behavior
Contents that search to. with Normal. Hidden and. Difference.browser. Ctrl+F
PreviewFullscreen
Use cases
-
Using hidden="until-found"
An element receives a beforematch event when it is in the hidden until found state and the browser is about to reveal its content because the user has found the content through the "find in page" feature or through fragment navigation.
Cautions
- Limited browser support. Check compatibility before use.
Accessibility
- Verify how this element is announced by screen readers.