25622 shaares
L’attribut HTML hidden="until-found"
permet de masquer du contenu tout en le rendant accessible via la recherche dans la page (Ctrl+F
). Contrairement à display: none
ou visibility: hidden
, il utilise content-visibility: hidden
en interne, ce qui cache visuellement le contenu sans l’exclure des résultats de recherche. Utile pour des cas comme des accordéons ou des sections cachées, il est déjà supporté par Chrome, Firefox et bientôt Safari. Une alternative à <details>
pour des contenus masqués mais "trouvables", avec des polyfills possibles via le Shadow DOM en attendant une adoption universelle. Une future pseudo-classe ::search-text
pourrait même permettre de styliser les correspondances de recherche.