https://dev.entrouvert.org/https://dev.entrouvert.org/favicon.ico?15861920342022-01-20T23:03:09ZRedmine Entr’ouvertIntégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3515852022-01-20T23:03:09ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Assigné à</strong> mis à <i>Frédéric Péters</i></li></ul><p><a class="external" href="https://demarches-validation.test.entrouvert.org/tests/test-or-compatibilite-safari/">https://demarches-validation.test.entrouvert.org/tests/test-or-compatibilite-safari/</a></p>
<p>Le problème apparait aussi avec Epiphany ("Web") 41.3, pratique.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3515862022-01-20T23:13:04ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>C'est table-layout: fixed qui amène une série de problèmes avec webkit.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3516032022-01-20T23:18:41ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>Et notre utilisation vient à la base de <a class="issue tracker-1 status-5 priority-4 priority-default closed" title="Bug: amélioration du rendu des champs type tableau en mobile (Fermé)" href="https://dev.entrouvert.org/issues/41734">#41734</a> pour un rendu "responsive" des tableaux, mais c'est une propriété qu'on pose effective uniquement pour l'affichage "desktop", justement pas dans le cas mobile, c'est curieux.</p>
<p>(il n'y a rien dans le ticket expliquant le pourquoi de cette partie du patch).</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3516342022-01-21T08:30:38ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Fichier</strong> <a href="/attachments/61154">0001-js-don-t-set-responsive-table-width-for-grid-widgets.patch</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/61154/0001-js-don-t-set-responsive-table-width-for-grid-widgets.patch">0001-js-don-t-set-responsive-table-width-for-grid-widgets.patch</a> ajouté</li><li><strong>Fichier</strong> <a href="/attachments/61155">0001-scss-do-not-use-fixed-table-layout-for-responsive-ta.patch</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/61155/0001-scss-do-not-use-fixed-table-layout-for-responsive-ta.patch">0001-scss-do-not-use-fixed-table-layout-for-responsive-ta.patch</a> ajouté</li><li><strong>Statut</strong> changé de <i>Nouveau</i> à <i>Solution proposée</i></li><li><strong>Patch proposed</strong> changé de <i>Non</i> à <i>Oui</i></li></ul><p>2 patchs, 1/ ce côté publik-base-theme pour retirer le table-fixed: layout qui pose problème; 2/ côté w.c.s. pour ne plus forcer width: auto sur un tableau posé en grid (parce que la grid pose déjà width: 100% sur le tableau et on veut garder ça).</p>
<p>Formellement sur des réajustements successifs de largeur de tableau (mais c'est juste quelque chose qu'on fait pour tester en redimensionnant une fenêtre, en pratique ça doit peut arriver), il y a une différence après un passage "desktop" -> "mobile" -> "desktop", où un tableau dans un champ grid aura gagné un attribut explicite sur l'élément "width: 100%", qu'il avait avant uniquement via classe grid, et donc changement de poids de la propriété face aux sélecteurs et on pourrait imaginer des combinaisons ultérieures où ça aurait une incidence mais on pourrait aussi ne pas les imaginer parce que c'est bien peu probable.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3516352022-01-21T08:31:42ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Fichier</strong> <a href="/attachments/61156">Capture d’écran du 2022-01-21 09-21-07.png</a> <a class="icon-only icon-download" title="Télécharger" href="/attachments/download/61156/Capture%20d%E2%80%99%C3%A9cran%20du%202022-01-21%2009-21-07.png">Capture d’écran du 2022-01-21 09-21-07.png</a> ajouté</li></ul><p>capture avec en fond webkit, à gauche en mobile firefox et à droite en mobile webkit à nouveau.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3516932022-01-21T09:36:28ZThomas Noël
<ul></ul><p>On a aussi des grid-x-y sur les cellules combo, et certaines affichent des tableaux : ça ne va pas jouer là bas ?</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3517012022-01-21T09:44:38ZFrédéric Pétersfpeters@entrouvert.com
<ul></ul><p>Non la classe "responsive table widget" ça arrive uniquement côté wcs.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3517122022-01-21T09:55:16ZThomas Noël
<ul><li><strong>Statut</strong> changé de <i>Solution proposée</i> à <i>Solution validée</i></li></ul><p>Allons-y alors !</p>
<p>... et j'en ai profité pour faire un « apt install epiphany-browser » ce qui permet, avec Firefox et Chromium, d'avoir sur une Debian les 3 grands moteurs de rendu HTML actuels : Gecko, Blink et WebKit/KHTML.</p> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3517162022-01-21T10:07:24ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Statut</strong> changé de <i>Solution validée</i> à <i>Résolu (à déployer)</i></li></ul><pre>
commit 5f0ce98fa9e23ba0b9a9fe216fa1906d7af47f27
Author: Frédéric Péters <fpeters@entrouvert.com>
Date: Fri Jan 21 09:01:39 2022 +0100
scss: do not use fixed table layout for responsive tables (#60893)
It's buggy on webkit when combined with grid placement of fields.
</pre> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3518622022-01-21T14:16:54ZFrédéric Pétersfpeters@entrouvert.com
<ul><li><strong>Statut</strong> changé de <i>Résolu (à déployer)</i> à <i>Solution déployée</i></li></ul> Intégrations graphiques Publik - Bug #60893: Affichage foireux des tableaux sur safari 13/14 https://dev.entrouvert.org/issues/60893?journal_id=3677312022-03-27T02:42:02ZTransition automatique
<ul></ul><p>Automatic expiration</p>