Limited supportLimited browser support. Check compatibility before use.
Metadata and scripts Limited support

hidden="until-found"

The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.

Metadata and scripts

Overview

The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
api.Element.beforematch_event
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

Usage with accordion.

accordioninside. Text browsersearch in show like to.

PreviewFullscreen

Use cases

  • Using hidden="until-found"

    The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.

Cautions

  • Limited browser support. Check compatibility before use.

Accessibility

  • Verify how this element is announced by screen readers.

Related links

Powered by web-features