iosDynamicNavbar bugs

[jacobg]

• Framework7 version: [e.g. 3.0.0] 7.1.5
• Vue.js version: [e.g. 2.0.0] 3.2.47
• Platform and Target: [e.g. iOS 11 Cordova app, or Android 8 Chrome browser] emulating iOS on Chrome browser

Describe the bug

There are 2 bugs with navbar since updating my app from f7 v5 to v7: 1) navbar sometimes unresponsive after navigating forward 2) navbar sometimes disappears after a short delay after navigating

This occurs when emulating iOS on Mac Chrome. It does not occur when emulating Android, nor does it occur if settings iosDynamicNavbar: false.

To Reproduce

Sorry, I didn't create a minimal reproducible sample to share.

Additional context

The DOM shows that the actual current page not being marked with page-current class; the previous page is still marked current. And its page:afterin event is not getting called. Stepping through the debugger, it shows that the router animation function code calls animationEnd on the page element, but the callback is never received:

(direction === 'forward' ? $newPageEl : $oldPageEl).animationEnd(() => {
      onDone();
    }); // Animate

It doesn’t happen on all pages.