question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Masking(PatternMask) with MudBlazor not working in Blazor hybrid

See original GitHub issue

Description

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:closed
  • Created 6 months ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
drasticactionscommented, Mar 14, 2023

@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.

0reactions
msftbot[bot]commented, Mar 20, 2023

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Masking(PatternMask) with MudBlazor not working in ...
I am trying to use the MudBlazor library to mask a phone number,card number input in a Blazor hybrid app, but it is...
Read more >
Defining Mask Characters
The easiest to use Mask is the PatternMask which allows you to specify the input structure with a simple pattern consisting of pre-defined...
Read more >
Newest 'mudblazor' Questions - Page 2 - Stack Overflow
Masking (PatternMask) with MudBlazor not working in Blazor hybrid. I am trying to use the MudBlazor library to mask a phone number,card ...
Read more >
Blazorise vs. MudBlazor : r/Blazor
Mudblazor is great, but has a few notable problems. Masking is among some of my biggest bugbears at the moment.
Read more >
Getting Started with Blazor Input Mask Component
To add Blazor MaskedTextBox component in the app, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found