Mask doesn't return the full formatted value on tab #1740

Open
opened 2026-01-29 17:57:55 +00:00 by claunia · 5 comments
Owner

Originally created by @manutiedra on GitHub (Apr 26, 2025).

Describe the bug
The RadzenMask does not return the fully populated mask on tab if there are other characters that can't be inserted after

To Reproduce
Steps to reproduce the behavior:

  1. Go to the RadzenMask example page
  2. Click on 'Edit Source'
  3. Change the last RadzenMask component for this one:
<RadzenMask Mask="** AA" CharacterPattern="[0-9]" Placeholder="** AA" Name="SSN" @bind-Value=@obj.SSN Change=@(args => OnChange(args, "SSN")) 
            Style="width: 100%;" aria-label="SSN"/>
  1. Run the changed code
  2. Introduce two numbers in that RadzenMask and press TAB (f.e. 12)
  3. In the console log it says "SSN value changed to 12"

Expected behavior
In the console log it should say "SSN value changed to 12 AA" as the rest of the characters of the mask can't be filled because the pattern only allows numbers and the other 3 characters are space and two 'A' letters.

Desktop (please complete the following information):

  • Windows 10 with Brave Browser Version 1.77.101
Originally created by @manutiedra on GitHub (Apr 26, 2025). **Describe the bug** The RadzenMask does not return the fully populated mask on tab if there are other characters that can't be inserted after **To Reproduce** Steps to reproduce the behavior: 1. Go to the RadzenMask example page 2. Click on 'Edit Source' 3. Change the last RadzenMask component for this one: ```razor <RadzenMask Mask="** AA" CharacterPattern="[0-9]" Placeholder="** AA" Name="SSN" @bind-Value=@obj.SSN Change=@(args => OnChange(args, "SSN")) Style="width: 100%;" aria-label="SSN"/> ``` 5. Run the changed code 6. Introduce two numbers in that RadzenMask and press TAB (f.e. 12) 7. In the console log it says "SSN value changed to 12" **Expected behavior** In the console log it should say "SSN value changed to 12 AA" as the rest of the characters of the mask can't be filled because the pattern only allows numbers and the other 3 characters are space and two 'A' letters. **Desktop (please complete the following information):** - Windows 10 with Brave Browser Version 1.77.101
Author
Owner

@enchev commented on GitHub (May 7, 2025):

AA is part of the Placeholder value which only hints the user what is expected to enter.

@enchev commented on GitHub (May 7, 2025): AA is part of the Placeholder value which only hints the user what is expected to enter.
Author
Owner

@manutiedra commented on GitHub (May 7, 2025):

But if I Write another number after writing 12, the mask control writes 12 AA

@manutiedra commented on GitHub (May 7, 2025): But if I Write another number after writing 12, the mask control writes 12 AA
Author
Owner

@enchev commented on GitHub (May 7, 2025):

That's definitely not true:

Image

@enchev commented on GitHub (May 7, 2025): That's definitely not true: ![Image](https://github.com/user-attachments/assets/dac22f69-2b86-43ec-991c-d1c4c9d5252f)
Author
Owner

@manutiedra commented on GitHub (May 7, 2025):

Press 123 and you see it. Watch the video:

https://github.com/user-attachments/assets/9c66bb1a-85f2-42e4-9868-b62a29ea2f34

@manutiedra commented on GitHub (May 7, 2025): Press 123 and you see it. Watch the video: https://github.com/user-attachments/assets/9c66bb1a-85f2-42e4-9868-b62a29ea2f34
Author
Owner

@enchev commented on GitHub (May 7, 2025):

I see now what you are looking for however I'm afraid that this is not supported at the moment - we accept pull requests!

@enchev commented on GitHub (May 7, 2025): I see now what you are looking for however I'm afraid that this is not supported at the moment - we accept pull requests!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1740