Produits Entr'ouvert » Publik

Sur un certain nombre de pages du backoffice qui contiennent plusieurs boutons d'action dans le header, on assiste à des problèmes de contenus masqués ou superposés tels que décrits dans https://dev.entrouvert.org/issues/67170

Plus il y a d'actions possibles et plus le titre est long et plus la probabilité est importante, y compris sur des écrans relativement larges. Voici quelques pages qui présentent ce problème (liste possiblement non exhaustive, je ne connais pas encore toutes les briques) :

- wcs: /backoffice/forms/
- wcs: /backoffice/cards/
- wcs: /backoffice/workflows/

Une solution possible est de réduire le nombre d'actions immédiatement disponibles, en les groupant derrière un menu bullet. Cela marche mais rend aussi plus complexe l'utilisation des fonctionnalités qui ne sont pas visibles au premier coup d'oeil, et réduit l'accessibilité.

Dans l'immédiat, le problème peut d'affichage peut-être mitigé en utilisant flexbox dans l'appbar plutôt qu'un positionnement absolu/flottant. Le rendu ne sera pas toujours idéal, mais toutes les actions resteront accessibles. Un effet de bord positif du passage à flexbox est que cela règle un autre problème : le positionnement flottant inverse l'ordre de défilement des éléments en cas de navigation en clavier. ce n'est plus le cas avec flexbox.