@page:afterin event not fired with infinite list and subnavbar

[jacobg]

• Framework7 version: 8.0.5
• Vue.js version: 3.3.1
• Platform and Target: Chrome browser on Mac
• Live Link or CodeSandbox: https://codesandbox.io/s/page-before-in-72dt23?file=/src/pages/Page1.vue

Describe the bug

When the page contains an infinite list using a preloader value that changed, and there is a subnavbar, then page:after event does not fire.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/page-before-in-72dt23?file=/src/pages/Page1.vue
2. Click on Page 1
3. View display as to whether events fired.

Expected behavior

Both page before in and after in events called.

Actual Behavior

Page after in event not called. Also, the Back button doesn't work either.

Additional context

If you either remove sub navar or hard code infinite-preloader to false, then the page after in is called.

[jacobg]

Updated comment above to add that Back button doesn't work either in this case.

[jacobg]

@nolimits4web Is there any update on this issue? It's a deterministic repro of a bug with page events. It seems this issue started when updating from f7 version 5 to 8. Was some changed with how page events occur? e.g., with the way animations are detected?