Photo browser not working

Questions
1

hi every body photo browser is not working at all…
i have created a brand new project with framework7 cli… vanilla js and photobrowser not working…
it works in browser but when you compile to android … it is not working at all

$on('pageAfterIn', () => {
    var myPhotoBrowserPopup = $f7.photoBrowser.create({
        photos: [
          'https://cdn.framework7.io/placeholder/sports-1024x1024-1.jpg',
          'https://cdn.framework7.io/placeholder/sports-1024x1024-2.jpg',
          'https://cdn.framework7.io/placeholder/sports-1024x1024-3.jpg',
        ],
        type: 'popup'
      });
      myPhotoBrowserPopup.open();
  })

this is browser

image
image413×779 45.6 KB

this is android

image
image623×1012 18.1 KB
…

please help me iam on this since 2 weeks

2

Which method are you using to preview it in the browser? Is it a PWA or a Cordova/Capacitor app?

3

It is Cordova project… a brand new project created with f7 cli… I am using the lastest version of f7 and npm and node js

To preview i just run

  • npm run
    And open it in localhost:3000

I have try many times with différents pc . I still get the same bug… But no error in console

4

Check the Content Security Policy settings of your index.html file. It is possible that https://cdn.framework7.io is being blocked because it is an external domain. Visit https://content-security-policy.com/ or Security Guide - Apache Cordova for more.

5

If you load local files (as opposed to URLs on the web) does it work?
I’m inclined to agree with @kerrydp that this is a CSP issue - if it loads locally that’s definitely the most likely cause.

If it doesn’t load local files, then there’s something else (also?) going on.

6

same problem. i have load files locally… it is working in browser but not on emulator or android device…
It is not a CORS issue…
I think it is f7 issue…
Please please can somebody just create a brand new project and try to test photobrowser ?

image

image
image1444×1080 184 KB

7

there is something wrong with paths, what is your files and projects structure?

8

all image locally are working fine.
it is photobrowser the problem…
it is not working whatever image is locally or in web…

EVERYTHING works fine in browser but when you compile to android it is not working anymore.

image
image1227×716 123 KB

image

9

Look here https://github.com/framework7io/framework7/issues/3983