Project

General

Profile

Development #69231

Grille flexblox & newline

Added by Lauréline Guérin almost 2 years ago. Updated about 1 year ago.

Status:
Nouveau
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
19 September 2022
Due date:
% Done:

0%

Estimated time:
Patch proposed:
No
Planning:
No

Description

Dans combo, si on a un placeholder en mode flex, une classe newline sur une cellule ne fonctionne.

History

#2

Updated by Frédéric Péters almost 2 years 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).

#3

Updated by Thomas Jund almost 2 years 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".

#4

Updated by Thomas Jund about 1 year 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
#5

Updated by Frédéric Péters about 1 year 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).

#6

Updated by Thomas Jund about 1 year 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

Also available in: Atom PDF