Development #69231
Grille flexblox & newline
0%
Description
Dans combo, si on a un placeholder en mode flex, une classe newline sur une cellule ne fonctionne.
Historique
Mis à jour par Frédéric Péters il y a plus d'un an
Oui ça fait partie des limitations connues et ~acceptées de la grille "flex". Il faudrait ThomasJ pour repointer tout ça. Perso ça me manque aussi et je me disais qu'il faudrait éventuellement en arriver à du js pour insérer un <div> vide avec la bonne largeur "flex" pour forcer un passage à la ligne. (j'ai peut-être déjà écrit ça dans d'autres tickets).
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus d'un an
La class .newline aujourd'hui ne fonctionne qu'en contexte float.
Il n'existe pas encore de solution pure CSS en flexbox (y'a une proposition dans les tuyaux: https://www.w3.org/TR/css-text-4/#wrap-before, pour dans 10 ans ?!)
Je pense que dans la majorité des cas, on peut s'en passer depuis que l'on propose en option de nouveaux placeholders combo.
Sinon, comme dit Fred, un hack JS qui injecte un tag dans le DOM avant une cellule avec la class .newline serait une solution.
… Ou encore créer une cellule "break".
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a 11 mois
Je me replonge dans cette réflexion et j'aime beaucoup l'idée d'une cellule "break" côté combo et wcs.
Les avantages face à une class newline :
- La possiblité de la déplacer simplement par drag & drop, bien plus simple que de manipuler des strings dans une cellule
- Poser des class, c'ezst pas une bonne UI
- La possibilité de proposer des styles pour cette cellule : ligne horizontale, ajouter un espace verticaln créer des séparation graphiques
- Pouvoir utiliser un "hr" qui introduit une sémantique de séparation de contenu (mais son
Mis à jour par Frédéric Péters il y a 11 mois
La possiblité de la déplacer simplement par drag & drop, bien plus simple que de manipuler des strings dans une cellule
Poser des class, c'ezst pas une bonne UI
D'accord que demander à écrire des noms de classe n'est pas terrible mais pour la grille flex dans combo on a une UI qui pose les classes adéquates; on pourrait y imaginer une case à cocher "forcer le retour à la ligne" qui placerait la classe adéquate.
Ma préférence resterait à "du js pour insérer un <div> vide" parce que c'est une évolution progressive, indépendante des changements dans l'ui (on sait que la coordination est compliquée) mais surtout parce que ça permet vraiment la migration automatique vers la grille flex de tout un existant w.c.s. (on sait qu'autrement la dépréciation de la grille float prendra des années).
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a 11 mois
Bon, enterrons cette idée (que je continue à trouver interessante).
mais surtout parce que ça permet vraiment la migration automatique vers la grille flex de tout un existant w.c.s
Pas entièrement, en regardant les blocs de champs, le hack d'utiliser un bloc de champs avec 1 seul champ fichier + grille float n'a pas d'équivalent en flexbox