[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) :
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
