Browse Source

fix: Affiner la compatibilité entre les `fieldsets` en onglets et `select2`.

Au sein des onglets, imposer le container de select2 à 100%. Ca manque
de flexibilité, mais ca marche.

A supprimer lorsque
spip-contrib-extensions/select2#4 sera
résolu.

close #240

exemple pour reproduire :

````
id_formulaire: '111'
identifiant: onglets
titre: onglets
descriptif: ''
css: ''
message_retour: ''
saisies:
  -
    options: { label: 'Groupe de champs', onglet: on, onglet_vertical: on, nom: fieldset_1 }
    identifiant: '@63948849014e5'
    verifier: {  }
    saisie: fieldset
    saisies: [{ options: { label: 'Liste déroulante / sélection', datas: "choix1|Un\r\nchoix2|Deux\r\nchoix3|Trois", class: select2, nom: selection_1 }, verifier: {  }, identifiant: '@639488520242a', saisie: selection }]
  -
    options: { label: 'Groupe de champs (copie)', onglet: on, nom: fieldset_2 }
    identifiant: '@6394886e71407'
    verifier: {  }
    saisie: fieldset
    saisies: [{ options: { label: 'Liste déroulante / sélection', datas: "choix1|Un\r\nchoix2|Deux\r\nchoix3|Trois", class: select2, nom: selection_2 }, verifier: {  }, identifiant: '@6394886e7140c', saisie: selection }]
  -
    saisie: input
    options: { nom: input_1, label: 'Ligne de texte', size: 40, sql: 'text DEFAULT '''' NOT NULL' }
    identifiant: '@639488fb2f5e9'
  -
    options: { label: 'Liste déroulante / sélection (copie)', datas: "choix1|Un\r\nchoix2|Deux\r\nchoix3|Trois", class: select2, afficher_si: '@input_1@ == ''1''', nom: selection_3 }
    verifier: {  }
    identifiant: '@639488f4c8c8d'
    saisie: selection
traitements: {  }
public: non
statut: prop
date_creation: '2022-12-10 14:22:57'
maj: '2022-12-10 14:33:00'
apres: formulaire
url_redirect: ''
````

Ref #240
pull/255/head
Maïeul 4 months ago
parent
commit
6c68ad3546
  1. 2
      CHANGELOG.md
  2. 7
      css/saisies.css
  3. 6
      javascript/saisies.js

2
CHANGELOG.md

@ -14,6 +14,8 @@
### Fixed
- auth_email/#1 Lorsqu'on a une erreur dans un ou plusieurs onglets, se rendre au premier onglet avec erreurs
- #240 : Compatibilité entre les fieldset en onglets et `select2`
## [4.6.1] - 2022-12-01

7
css/saisies.css

@ -132,6 +132,13 @@ fieldset {
flex-direction: column;
}
/*
* A supprimer après correction de https://git.spip.net/spip-contrib-extensions/select2/issues/4
*/
.saisies-onglets .select2-container {
width:100%!important;
}
.afficher_si_masque_chargement, .etapes__item.afficher_si_masque{
position: absolute!important;

6
javascript/saisies.js

@ -204,12 +204,6 @@ function saisies_fieldset_onglet() {
$onglet_defaut = $menu.find('.'+classes.tablist_link).first();
}
activer_onglet($onglet_defaut, 0, false);
// On regenere select2
if (typeof(spip_select2) === 'function') {
var $select2 = $fieldsets.find('.select2-hidden-accessible');
$select2.select2('destroy');
spip_select2($select2);
}
});
}

Loading…
Cancel
Save