Skip to content

IA-922 : fix: corrections UX du composant numéro de téléphone

khadija.elbachouri a demandé de fusionner feature/IA-922 vers develop

Summary

Correction de plusieurs bugs UX identifiés sur le composant PhoneInput.

Problems

  1. Impossible de supprimer entièrement le numéro saisi (valeur bloquée)
  2. Impossible d'effacer le texte dans le champ de recherche de pays (Backspace intercepté par le Popover MUI)
  3. Le drapeau pays s'affichait par défaut même sans valeur saisie
  4. Les pays partageant l'indicatif +1 (USA/Canada) rendaient la saisie invalide en réinitialisant le pays sélectionné

Changes

list.tsx

  • Suppression de autoFocus remplacé par inputRef avec focus manuel
  • Ajout de onKeyDown={(e) => e.stopPropagation()} pour empêcher le Popover d'intercepter les touches Backspace/Delete

phone-input.tsx

  • Initialisation du pays à undefined quand la valeur initiale est vide
  • Ajout du guard detected !== selectedCountry dans le useEffect pour éviter d'écraser le pays sélectionné manuellement (fix CA/US)
  • onChange retourne '' au lieu de undefined quand tout est supprimé

utils.ts

  • Suppression du fallback 'US' dans getCountryCode — retourne désormais undefined si aucun pays détecté, laissant le contrôle au composant parent

RHFPhoneInput

  • newValue ?? '' pour garantir qu'une string vide est envoyée au formulaire au lieu de undefined

Rapports de requête de fusion