Searchbar extensible

Bonjour à tous,

Avec Angular2 (enfin c’est la version 5 à présent) je souhaiterai mettre en place dans la barre de navigation une zone de recherche masquée par défaut mais qui s’affiche lorsque l’on clique sur la loupe.

Voici un exemple d’un site proposant ce que je recherche.

J’ai fouillé dans tous les sens, d’après moi sa doit en toute logique être relativement simple à obtenir mais je n’arrive pas au résultat souhaité, certainement un problème de mot clé.

Sur GitHub je suis tombé sur une discutions parlant de ce sujet mais malheureusement je n’y ai pas trouver de solution.

Pouvez-vous m’aider ?

Cordialement, La source

En fait ce que je me demande c’est pourquoi tu voudrais faire ça avec du JS alors que c’est faisable en CSS pur ?

Sûrement parce qu’il ne savait pas que c’était possible. C’est souvent dur de se dire qu’on peut interagir avec l’affichage rien qu’avec du CSS alors qu’en soit, souligner quelque chose au passage de la souris en fait parti :P.