in a web app with the beamer example, the web browser back button does not work correctly

[graemep-nz]

in a web app with beamer, the web browser back button does not work correctly.

When I run the beamer version for the web and google chrome, I can switch between the details screens A and B and the counters that they display are independent and are not lost when I switch between the two details screens using the bottom navigation buttons. Each time I switch, the URL in the browser address bar changes between a and b http://localhost:64367/#/a/details http://localhost:64367/#/b/details but when I look in the browser back button history it shows "Details B" a lot instead of alternating. If I select the first one in the list, the URL changes from B to A but the screen itself stays on "details B". Sometimes when I click the browser back button the details screen does change from B to A (along with the URL) but the counter on screen A gets reset to zero.

[ferrarafer]

@graemep-nz @bizz84 I saw the same issue. Can this be resolved? Is a Flutter problem, package problem or app problem?

I add a demo I recorded to show the issue with a different perspective. As we can see, the state is preserved while we navigate through the bottom navigation buttons but once we click on browser back button the state is lost.

https://github.com/bizz84/nested_navigation_examples/assets/1505545/a69e6455-eefb-4b80-93c7-d331bda62840