[radio] sélection du wcs-radio-group cas custom

Description

Suite à échange Teams 29/05 avec un utilisateur de WCS

Si on choisit d'avoir des radio custom et que le parent direct de chaque wcs-radio n'est pas forcément un wcs-radio-group, la navigation clavier ne marche plus.

Exemple (qui s'écarte un peu du design system) :

image

A noter que sur la doc MDN, l'exemple contient des divs donc ce cas d'usage n'est pas anodin : https://developer.mozilla.org/en/docs/Web/HTML/Element/input/radio


Dans le code du radio, on fait le check suivant :

if (this.el.parentElement.tagName === 'WCS-RADIO-GROUP')
// ...
this.el.parentElement

A remplacer éventuellement avec

if (this.el.closest('wcs-radio-group'))
// ...
this.el.closest('wcs-radio-group');

Et voir s'il n'y a pas d'effet de bord.
A priori Element.closest() remonte l'arbre jusqu'à trouver un parent qui a ce nom : API

Un getter serait pas trop mal.

Reproducing

Voir ce stackblitz : https://stackblitz.com/edit/wcs-angular-template-fyry12?file=src%2Fapp%2Fapp.component.ts

Edited by Rémi Martinez