Masking(PatternMask) with MudBlazor not working in Blazor hybrid
See original GitHub issueDescription
I am trying to use the MudBlazor library to mask a phone number,card number input in a Blazor hybrid app, but it is not working as expected. Here is the code that I am using:
<MudTextField Mask="@(new PatternMask("00 00 00 00 00"))" Label="phone Number" @bind-Value="phoneNumber" Variant="@Variant.Text" Clearable />
This code works well in a Blazor webassembly project, but when i try to use it in a Blazor hybrid app, the masking feature does not work. Has anyone else encountered this issue with .net maui blazor or blazor hybrid? Any help would be greatly appreciated. Note:I tried the example provided in the link below, but it doesn’t seem to be working for blazor hybrid: https://mudblazor.com/features/masking#multimask
Steps to Reproduce
1.Create a Blazor hybrid app 2.Add the MudBlazor library 3.Use the MudTextField component with a phone number mask
Link to public reproduction project repository
https://github.com/dotnet/maui/blob/main/.github/repro.md
Version with bug
6.0.312
Last version that worked well
6.0.312
Affected platforms
Android
Affected platform versions
android
Did you find any workaround?
No response
Relevant log output
No response
Issue Analytics
- State:
- Created 6 months ago
- Comments:5 (2 by maintainers)
@MOAnfaDaniel922 I understand, but if you ask that project first to take a look they could see if this is intrinsic to something within MAUI Blazor, something within their own code, or something else.
MAUI Blazor is based on webviews running on the given platforms (Webview2 for Windows, etc). If you built a straight .NET Android app (
dotnet new android
), put in a webview, and ran the same code there’s a good chance it’ll fail the same way.This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. If it is closed, feel free to comment when you are able to provide the additional information and we will re-investigate.