# Find hidden content with ⌘F

Published: August 13, 2026

<img loading="lazy" class="rounded-2xl border dark:border-zinc-700" src="/img/blog/find_in_page_hero.png" alt="A browser find dialog searching for signature upon delivery while the matching accordion item is expanded and highlighted" />

Imagine a user presses ⌘F to find some text on a page. The text is there, but it's tucked inside a closed accordion or an inactive tab.

Normally, they're out of luck. Because that content is hidden, the browser can't find it.

Modern browsers now have an answer: `hidden="until-found"`. It keeps content visually hidden while making it discoverable by the browser's find-in-page feature. When a match is found, the browser reveals the content, scrolls to it, and highlights the result.

We wanted Flux components to ship with this behavior out of the box.

## Accordions just work

Collapsed accordion content is findable by default. There's no prop to add and nothing to configure:

```blade
<flux:accordion>
    <flux:accordion.item heading="Do I need to be home for delivery?">
        Orders over $500 require a signature upon delivery.
    </flux:accordion.item>
</flux:accordion>
```

When a match is found, Flux opens the associated item automatically.

## Opt in for tabs

Tabs are opt-in because inactive tabs often represent separate views where this behavior may not be desirable. Add `findable` to the tab group when you want their content included in browser search:

```blade
<flux:tab.group findable>
    <flux:tabs>
        <flux:tab name="profile">Profile</flux:tab>
        <flux:tab name="billing">Billing</flux:tab>
    </flux:tabs>

    <flux:tab.panel name="profile">...</flux:tab.panel>
    <flux:tab.panel name="billing">...</flux:tab.panel>
</flux:tab.group>
```

When a match is found, Flux selects the associated tab automatically.

That's it. Another thing you never have to think about—Flux takes care of it using modern browser affordances.

Enjoy!

---

[Learn more about findable tabs →](https://fluxui.dev/components/tabs#findable-tabs)

[Learn more about searchable accordion content →](https://fluxui.dev/components/accordion#findable-content)