PhoneInput: full country list + basic E.164 validation
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 55/100
- Type d'issue
- Fonctionnalité
- Clarté
- Clairement spécifiée
- Activité
- Active
- Stack technique
- react, typescript
- Domaine
- frontend, internationalization
Piste de recherche
The payload names no file, so start by locating the existing PhoneInput component and its 50-country list in the repository. Replace the list with the full E.164 set, add the optional countries and preferredCountries props, and add basic digits-only, 15-digit validation that sets aria-invalid and calls onValidityChange(valid, e164). Done when the tests check every entry's ISO code and dial code, filtering, and the callback, and the PR notes the bundle size.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
PhoneInput: full country list + basic E.164 validation
PhoneInput currently ships 50 countries, so users in most of the world (e.g. Sri Lanka, Nepal, Peru, Morocco, Ukraine) can't select their dial code.
Proposal
- Full list — all ITU-T E.164 country codes (~245 entries). Flags can be derived from the ISO code rather than stored, and English names via
Intl.DisplayNamesto keep bundle size down. - Optional
countriesprop — allow consumers to restrict / reorder the list (e.g.["IN", "US", "GB"]), pluspreferredCountriespinned at the top. - Basic validation — strip formatting characters, enforce digits-only and E.164 max length (15 digits incl. country code); expose
aria-invalidand anonValidityChange(valid, e164)callback. Full per-country rules (libphonenumber) stay out of scope to keep zero extra deps.
Acceptance
- Test that every entry has a valid ISO code and
+-prefixed dial code - Tests for
countriesfiltering and validation callback - Bundle size noted in the PR
- Langage dominant
- TypeScript
- Étoiles
- 39
- Forks
- 16
- Merge moyen
- 2 j 12 h
- PR mergées (30 j)
- 10
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de babelize/babelize-elements
-
bug website
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
babelize/babelize-elements#46 ·
Les mainteneurs répondent en général sous 1 jour
-
bug language-switcher priority: medium
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
babelize/babelize-elements#26 ·
Les mainteneurs répondent en général sous 1 jour
-
component enhancement help wanted
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
babelize/babelize-elements#47 ·
Les mainteneurs répondent en général sous 1 jour
-
bug component rtl-layout
Difficulté 3/5 1-2 jours Accessibilité débutants 68/100
babelize/babelize-elements#45 ·
Les mainteneurs répondent en général sous 1 jour
-
Website: revamp and improve the landing pagePeut-être pris @anjalinayak01 l’a pris il y a 5 jours. Ouverteenhancement help wanted priority: medium website
Difficulté 4/5 Plus d'une semaine Accessibilité débutants 30/100
babelize/babelize-elements#37 · 1 personne assignée ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de babelize/babelize-elements
Issues similaires
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
dsh-market/dsh-market#877 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
stellar/stellar-dev-skill#151 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
Les mainteneurs répondent en général sous 1 jour
-
Trial & Error: guided Blind offer squeezes on phones and sits under the touch toolbar on iPadOuvertearea:arcade game ready-for-agent
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
fderuiter/deruiter.dev#2281 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
scope: data grid type: bug
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 2 jours