Open n-langle opened 1 year ago
Bonjour @n-langle,
En implémentant le code html fourni dans une page avec la css et le js, nous ne reproduisons pas l'erreur.
Pouvez-vous nous fournir un codepen reproduisant l'erreur afin que l'on puisse voir d'où peut provenir le problème ?
Merci Bertrand, pour l'équipe DSFR
Bien sûr @lab9fr : https://codepen.io/n-langle/pen/eYbgEvy La vidéo : https://github.com/GouvernementFR/dsfr/assets/28226882/1989b8be-230b-4fe7-aaf9-c790544fdecd
En desktop, la variable isEnable
du composant collapse est égale à false
:
Merci pour ce retour, problème très étrange. Nous allons étudier la problématique Bertrand, pour l'équipe DSFR
Bonjour @lab9fr,
Pour info, il existe le même genre de problème avec le composant Onglet. Si deux blocs onglet sont ajoutés dans une page avec un header, l'instantiation devient chaotique :
Bonsoir,
Je viens de réétudier le premier problème, il s'agit d'un souci à la minimisation, le problème n'existe pas en non minimisé et n'a pas lieu d'être. Nous allons continuer à chercher plus loin pour voir où la compilation pose problème. Concernant le second problème, je n'arrive pas à le reproduire, même avec le codepen. Mais il s'agit sans doute du même problème.
Merci pour ces rapports, nous allons voir comment les solutionner. Bertrand, pour l'équipe DSFR
Bonjour @lab9fr,
Merci de votre retour. Malheureusement, je pense que le problème se situe ailleurs. Nos développements se font exclusivement avec les versions non minifiées.
@lab9fr,
Comme pour le bug de l'accordéon, celui ci ne se produit qu’en desktop :
https://github.com/GouvernementFR/dsfr/assets/28226882/d18f3cc7-a3c9-4595-9728-4215a1a1e895
@n-langle,
En mettant le code non minifié, tout marche correctement : https://codepen.io/lab9/pen/KKbjXPN
J'imagine que vous partez effectivement du code non minifié, mais qu'il doit passer par un compilateur via un webpack ou quelque chose dans le genre. Je crois qu'il y a une particularité de code qui passe mal le processus de minification, j'arrive à une incohérence entre la variable locale de l'accordion _isEnabled qui est à true, alors que le getter, qui renvoie normalement la valeur _isEnabled, renvoie false. Hors, c'est la modale qui devrait renvoyer false vu qu'elle est désactivée en desktop. Nous allons continuer à explorer la problématique.
En attendant, je vous conseillerai de paramétrer votre compilateur pour le rendre moins aggressif que les paramètres normaux.
Bonne journée Bertrand
@lab9fr,
C'est la version nomodule.js qui est problèmatique, dans votre code pen vous avez utilisé la version module.js. Dans notre projet, les fichiers du DSFR sont exploités tel quel. Il ne passe par notre stack.
Bonjour,
Le problème est-il toujours d'actualité en v1.12 ?
Keryan, Pour l'équipe du DSFR
Bonjour @keryanS,
Je n'ai pas testé le fichier dsfr.nomodule.js dans la version 1.12
Description
Si le composant en-tête est inclus avec le composant accordéon, ce dernier ne fonctionne pas pour les écrans supérieur ou égal à 992px
Les étapes pour reproduire le bug
Reprendre le code html suivant en ajoutant les fichiers dsfr.css dsfr.nomodule.js de la version 1.10.1 :
Comportement attendu
L'accordéon devrait s'ouvrir mais il reste fermé.
Configuration et système utilisé