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.
History
Updated by Frédéric Péters about 1 year ago
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).
Updated by Thomas Jund 11 months ago
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".
Updated by Thomas Jund 4 months ago
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
Updated by Frédéric Péters 4 months ago
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).
Updated by Thomas Jund 4 months ago
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