Skip to content
Snippets Groups Projects
Commit 3eb149a0 authored by Sophie Richard's avatar Sophie Richard
Browse files

fix(select): amelioration gestion groupes et doc

parent 1b682060
No related branches found
No related tags found
No related merge requests found
......@@ -2,9 +2,16 @@
# 1.9.2
- fix(card/tile): l'attribut `downloadDirect` à false empêche le téléchargement
- fix: le contrôle sur le nom des classes CSS RemixIcon empêche l'intégration d'icônes custom
- fix(select): erreur à l'initialisation du select si la liste d'options est undefined
- fix(card/tile): l'attribut `downloadDirect` positionné à `false` empêche l'affichage du téléchargement
- fix(select): erreur à l'initialisation du select si la liste d'options est `undefined`
- fix(tile): la valeur de l'attribut `downloadDirect` n'est pas valorisée
# 1.8.3
- fix(buttons-group): ne pas déclencher l'évènement click lors du clic légèrement à côté d'un bouton `disabled`
- fix(select): problème de performance lors de l'affichage d'un grand nombre d'options sur Firefox
- fix(select): suppression de la conversion automatique des values en string
# 1.9.1
......
{
"name": "@edugouvfr/ngx-dsfr",
"version": "1.9.1",
"version": "1.9.2",
"bin": "./index.js",
"description": "NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).",
"license": "EUPL-1.2",
......
......@@ -70,7 +70,7 @@ export class DsfrFormSelectComponent extends DefaultControlComponent<any> implem
* Dans le cas ou il n'y a pas de groupe, supprimer le ng-container avec ngFor côté template
* fixme: vérifier/améliorer le fix lors du passage à angular 17.
*/
noGroup: boolean = false;
noGroup: boolean = true;
/** @internal fonction de comparaison */
compareFn: (o1: any, o2: any) => boolean = Object.is;
......@@ -107,8 +107,8 @@ export class DsfrFormSelectComponent extends DefaultControlComponent<any> implem
/** @internal */
ngOnInit() {
if (this.options?.length && !this.options.find((o) => o.options)) {
this.noGroup = true;
if (this.options && this.options.length && this.options.find((o) => o.options)) {
this.noGroup = false;
}
super.ngOnInit();
this.messagesGroupId = `${this.inputId}-messages`;
......
......@@ -133,3 +133,12 @@ Exemple de déclaration :
<Canvas of={Stories.Group} />
<Canvas of={Stories.WithNgModel} />
<Canvas of={Stories.SlotLabel} />
## Groupes
Le select permet de regrouper des options en crééant des balises optgroup.
Cependant cette fonctionnalité est limitée :
- les groupes ne peuvent être qu'à un seul niveau (spécification HTML)
- pour des problèmes de performance sur Firefox (et d'expérience utilisateur), il est recommandé de ne pas utiliser les groupes avec un grand nombre d'options
<Canvas of={SelectStories.Group} />
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment