Skip to content

fix(webkit): show digit placeholders in the phone field's default placeholder - #1032

Open
gabriel-lisboa-azion wants to merge 2 commits into
mainfrom
fix/field-phone-number-placeholder
Open

gabriel-lisboa-azion wants to merge 2 commits into
mainfrom
fix/field-phone-number-placeholder

Conversation

@gabriel-lisboa-azion

Copy link
Copy Markdown
Contributor

Summary

  • With no placeholder, FieldPhoneNumber shows the country mask with each # as 9 — BR (99) 99999-9999, US (999) 999-9999.
  • Spec and catalog prop docs updated.

How to test

  1. <FieldPhoneNumber label="Phone" /> → placeholder (99) 99999-9999.
  2. Switch the country to US → (999) 999-9999.
  3. Pass placeholder="Your number" → it wins over the mask.
  4. npx vitest run src/components/inputs/field-phone-number → all pass.

Notes

  • The visible default placeholder changes for every consumer that doesn't pass placeholder; masking and emitted values are unchanged.

…ceholder

The mask's # slots render as 9 in the fallback placeholder, so BR reads (99) 99999-9999 instead of (##) #####-####.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant