Bug #56377
le champ recherche ne shrink pas
0%
Description
L'input de la cellule recherche, bien qu'étant en contexte flex, ne shrink pas.
Le browser fixe par défaut une largeur minimal aux inputs.
une scrollbar vertical apparait alors sur mobile
Fichiers
Historique
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
- Fichier 0001-css-allow-search-input-to-shrink-56377.patch 0001-css-allow-search-input-to-shrink-56377.patch ajouté
- Statut changé de En cours à Solution proposée
- Patch proposed changé de Non à Oui
Le hack se limite à fixer un `width` à l'input (0 ou 100%), j'ai tranché pour `100%`;
https://stackoverflow.com/questions/42421361/input-button-elements-not-shrinking-in-a-flex-container#comment87151877_42421490
Mis à jour par Serghei Mihai il y a plus de 2 ans
Et utiliser flex-basis: 0; ne règle pas le souci?
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
Ça aurait en effet été tellement mieux.
J'ai essayé
flex: auto; flex: initial; flex: 1 1 0; flex: 0 0 0; (pour voir, et dans ce cas l'input se réduit bien à 0, bizarre) min-width: 0; width: 0; width: 100%;
Et seul la propriété `width` permet de rétrécir l'input (testé sous FF et Chrome). Encore un hack CSS tordu.
Le bug se produit sur FF mobile et FF/Chrome desktop, mais pas sous Chrome mobile.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
- Statut changé de Solution proposée à En cours
Pause, surement un problème specifique au thème sur lequel je bosse.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
- Statut changé de En cours à Rejeté
Bingo.
le `max-width: 100%` présent sur `#columns-wrapper` permet un affichage correct.
Je rejete.