Blazor
A free and open-source web framework that enables developers to create web apps using C# and HTML being developed by Microsoft.
1,624 questions
How to prevent go back in MAUI Blazor?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(278.4, 77%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAV%3C/text%3E%3C/svg%3E)
Andrei Vinogradov
1
Reputation point
Let's imagine a two pages app, created with MAUI + Blazor Hybrid and running on Android. After user navigates from page1 to page2 I don't want to allow him to go back to first one, until certain conditions are met. In native Android app I could simply override OnBackPressed() in activity. How can I achieve the same with Blazor? I've found a JS hack, it allows me to stay on same page, but it leads to page reload and blink when Back button is pressed, so this is not appropriate for me. So what I want is to completely disable Back button functionality on certain app page, without reloading, blinking and any other side effects when user press it. Like in native app. Is there any way to do that?
{count} votes
-
Olaf Helper 45,366 Reputation points2022-06-27T09:42:14.437+00:00 I don't want to allow him to go back to first one
In common the user decides what he wants to do, not the developer.
-
Andrei Vinogradov 1 Reputation point
2022-06-27T15:49:30.877+00:00 In my case I'm talking about in-company app for employees. And after filling some data and reaching certain point in business process employee is not allowed to go back. So I'm talking about business requirements.
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(316.8, 40%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYL%3C/text%3E%3C/svg%3E)
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 45,566 Reputation points Microsoft Vendor2022-06-28T09:33:29.827+00:00 Referring to the two issues Support cancelling of navigation and Expose location changing event for NavigationManger, we could find cancelling the navigation is not yet supported in Blazor.
We could use the following JavaScript code to listen the back button clicked event, but could not prevent users from going back.
window.addEventListener("popstate", function (e) { this.alert("back button was clicked!") }, false) -
Andrei Vinogradov 1 Reputation point
2022-06-28T12:36:28.693+00:00 Thanks. I hope it will be implemented soon.
-
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 45,566 Reputation points Microsoft Vendor
2022-06-29T08:03:35.643+00:00 Thanks for your feedback.
It's my pleasure for helping you. Please stay tuned for updates on the GitHub link.
Sign in to comment
Sign in to answer