Both Blazor and .NET MAUI are great and Powerful frameworks. Using .NET MAUI, you can build fully native cross-platform apps and build web apps completely in C# with Blazor.
But when you combine them with the MAUI Blazor template, you need to know that it should feel like a mobile app, not a web page! So, in this article, I will show you some tips and tricks.
Disable selecting content and texts
There is no need to select all texts and contents in your app! So, you can disable it in your CSS with these properties:
user-select: none;
-webkit-user-select: none;
Remove the default tapping effect
Mostly in mobile devices, when you tap on clickable elements like a
tag, it shows some effects. In my experience, Android was showing an ugly blue color and in iOS was a gray one. So, give it your own beautiful effect using active
selector in CSS and remove the default one with this CSS…