Recherche avancée

Sur d’autres sites (6919)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  18 avril 2021

  Bon stop (ou pas) !

  Il semble que les blocs fieldset ne peuvent pas parfaitement se styler seuls. Manifestement c’est assez récent que les navigateurs acceptent un display:flex; dessus par exemple.

  J’ai fait quelques tests en partant du formulaire de préférences des menus (tiens d’ailleurs ce formulaire a des div.editer sans div.editer-groupe parent (à corriger !)
  Il contient un fieldset + .editer-groupe.deux_colonnes (columns : 2)

  Ce que j’ai testé (sous macOS avec FF, Safari, Chrome & Opéra) : la formule suivante (enlever le .editer-groupe interne et le monter sur le fieldset)
  

  <span class="CodeRay"><span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
      ...
  </span>
  Télécharger

  1) Si on applique un columns: 2 sur ce fieldset,
  - Firefox & Safari : conservent le legend, passent le reste en 2 colonnes
  - Chrome & Opéra : ignorent et conservent donc un affichage 1 colonne.

  2) Si on applique un display: flex; flex-wrap: wrap sur ce fieldset
  - Tous : le legend est conservé comme tel
  - le reste passe effectivement en flex (permettant donc de mettre plusieurs .editer sur la même ligne)

  Déjà je suis étonné que Flex semble fonctionner, contrairement à ce que dit https://caniuse.com/mdn-html_elements_fieldset pour tous les Gecko. Et Edge aussi est indiqué en non fonctionnel.

  Donc du coup… je me dis que le .editer-groupe dans le fieldset à encore du sens stylistique.
  Ce qui pour le coup ne nous arrange pas forcément, mais ça évite aussi de casser un truc de plus dans cette structure html en le laissant.

  Donc du coup, on en reviendrait peut être à "fieldset.editer-section" ou "fieldset.editer-fieldset" ou "fieldset.fieldset" ou "fieldset" (sans rien)…
  J’utilise .editer-section ensuite (mais peut importe)

  A) fieldset.editer-section > div.editer-groupe¶

  (le plus proche de l’actuel je pense)

  <span class="CodeRay">  <span class="tag">div</span><span class="class">.editer-groupe</span>
        <span class="tag">div</span><span class="class">.editer</span>
        ...
    <span class="tag">fieldset</span><span class="class">.editer-section</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer-groupe</span>
          <span class="tag">div</span><span class="class">.editer</span>
          ...
  </span>
  Télécharger

  B) fieldset.editer-groupe > div.editer-section¶

  L’autre possibilité si ça facilite vraiment le css, c’est d’inverser les classes (avec l’ennui principal de du coup devoir reprendre l’existant)

  <span class="CodeRay">  <span class="tag">div</span><span class="class">.editer-groupe</span>
        <span class="tag">div</span><span class="class">.editer</span>
        ...
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer-fieldset</span>
          <span class="tag">div</span><span class="class">.editer</span>
          ...
  </span>
  Télécharger

  B) fieldset.editer-groupe.editer-section > div.editer-groupe¶

  Ou du doubler d’une autre classe

  <span class="CodeRay">  <span class="tag">div</span><span class="class">.editer-groupe</span>
        <span class="tag">div</span><span class="class">.editer</span>
        ...
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span><span class="class">.editer-section</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer-groupe</span>
          <span class="tag">div</span><span class="class">.editer</span>
          ...
  </span>
  Télécharger

  Mais dans ce cas là je trouve cela redondant (fieldset.editer-section me parait suffisant, si on doit effectivement mettre un classe css dessus)
  Le plus ennuyant est peut être de devoir annuler des styles CSS du .editer-groupe dans .editer-section > .editer-groupe ;

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  17 avril 2021

  À vous entendre j’ai un peu l’impression que c’est insoluble.

  À titre personnel :

  - j’aimais bien la démarcation bordure top du fieldset (au contraire même je trouve quelle améliore la lecture, enfin pour celui du premier niveau)
  - je n’aime pas pour sûr non plus le dégradé de bordure sur la proposition de Rasta
  - et je ne suis pas choqué du tout par le "cadre" de la proposition de Nicod ;

  Ce qui me gène par contre un peu plus c’est de démarquer le premier niveau de fieldset ; ou alors il faudrait pouvoir le désactiver avec une classe.

  Je comprends l’argument que tu disais pour "si tu demandes une date en 3 parties jour | mois | annee" (ou je sais plus exactement) tu as besoin que ça se démarque.
  Mais pour pas mal de formulaires utilisés dans SPIP démarquer plus le fieldset de premier niveau est pas utile (d’où peut être de pouvoir désactiver au besoin son décalage). Si tu regardes ?exec=configurer_contenu : il n’ a pas besoin de plus que ça actuellement.

  Maintenant si ça doit être fait quand même, ce que propose Nicod me parait vaguement plus agréable, même si c’est peut être pas assez distinctif. J’enlèverais la marge blanche entre le bord et le premier fieldset également.

  Quelques remarques d’alignement :¶

  - Par ailleurs je crois que (comme le montre Nicod) il faut réaligner le legend avec les labels dessous.
  - Je dirais même qu’il faut aligner ce legend avec les labels au dessus (c’est à dire en soustrayant de la marge l’éventuelle bordure ajoutée)
  - Il ne faudrait pas qu’une éventuelle bordure gauche sur le fieldset dépasse vers le bas (comme encore une fois ce que montre Nicod) ; Ce que je n’ai pas spécialement réussi à faire sur les captures que je montre après (peut être faut décorer la bordure avec un :before {} alors plutôt que de tenter d’altérer les marges des :last-child contenus dans le fieldset)

  Je montre différents tests ensuite, pour montrer que mettre un fieldset de premier niveau "visible" c’est pas gégé sur les formulaires de base, et mieux sans (ou faut un truc pour le désactiver - ou inversement l’activer au besoin). En fait il y a peut être besoin de 2 types de fieldsets (de premier niveau)

  avec bordure gauche, sans marge gauche, alignements verticaux respectés¶

  
  

  Ici le fieldset de premier niveau est bien lourd…

  sans bordure gauche de premier niveau, alignements verticaux respectés¶

  
  

  Le problème est montré sur le dernier champ du formulaire formidable : on ne sait pas s’il est du fieldset ou possiblement en dehors du fieldset

  Bref, tout ça est hyper pas simple. Je n’ai pas l’impression qu’on puisse concilier l’un (la simplicité du premier niveau) sans alourdir visuellement inutilement, et sans proposer 2 « types » de fieldset de premier niveau.
  Je parle même pas de la syntaxe avec ou sans div.fieldset en plus…

• Anomalie #4598 (Fermé) : PHP 8 : Resource vs GdImage object problem.

  4 novembre 2020

  GD ne retourne plus une "resource", mais une instance de GdImage.

  Ça fait planter une partie des filtres images dans SPIP.
  Notamment s’il y a des tests avec is_resource()

  Exemple :
  

  Warning : Trying to access array offset on value of type bool in [...]ecrire/inc/filtres_images_lib_mini.php on line 1607 à 1610
  Qui provient de grosso modo :
  
  [(#CHEMINun_fichier.png|image_applatirico)]
  

  Docs¶

  - https://php.watch/versions/8.0/gdimage
  - La correction chez WP : https://core.trac.wordpress.org/ticket/50833

  Avec la solution proposée :

  Note that in PHP 7.2 and older, instanceOf operator requires an object. If you need to make your code function across PHP versions older than 7.3 through PHP 8.0, you will need an additional is_object() check :

  - if (is_resource($image))
  + if (is_resource($image) || (is_object($image) && $image instanceOf \GdImage))