PhotoBrowser open() doesn't work with index >= 1

• Framework7 version: 7.0.5
• React.js version: 17.0.2
• Platform and Target: iOS 15.5 Safari browser and Android Browsers (Chrome, Firefox)
• Live Code Link: https://codesandbox.io/s/little-sunset-mwk0c7?file=/src/MainPage.js (Demo App - https://mwk0c7.csb.app/)

Describe the bug

Combing Swiper (contains preview images) and PhotoBrowser (will open when preview image is clicked) occures problem when clicking 2nd and futher preview image - PhotoBrowser opens with black screen (no full image is showing, no “of” (NavbarOfText ) is empty ).

To Reproduce

Steps to reproduce the behavior:

1. Add PhotoBrowser with photo array in it
2. Add Swiper with slides containg images from this photo array. Each slide has callback like PhotoBrowserRef.current.open(idx) where idx is photo index in array.
3. Click 2nd or further preview image

Expected behavior

PhotoBrowser opens - 2nd full image is showing and NavbarOfText contains: “2 of X”

Actual Behavior

PhotoBrowser opens with empty black screen and NavbarOfText contains: “of”

Screenshots

https://i.postimg.cc/K8mR4LH9/bug.png

Additional context

Demo app works fine on Desktop browsers. Bug always occures in Mobile Browsers and sometimes in Desktop browser during development on localhost.

[p7161]

The problem is in cssMode swiper parameter In photo-browser-class.js in line 358: cssMode: typeof pb.params.swiper.cssMode === 'undefined' && (app.device.ios || app.device.android) ? true : pb.params.swiper.cssMode,

Set cssMode to false and problem will disappear

In vue for example:

<f7-photo-browser
        :swiper="{cssMode:false}"
    ></f7-photo-browser>

[SergeyPetrovICS]

@p7161, It works. Thank you!