GUI does not work in Safari

[johnbelamaric]

This is second hand from someone at the ONE Summit trying to do the Nephio workshop. They tried to access the GUI and just got a blank screen. Chrome worked fine.

@ChristopherFry

[ChristopherFry]

Thanks for reporting this.

I'm able to reproduce this by following https://github.com/nephio-project/one-summit-22-workshop#accessing-your-environment. Safari can fetch the initial html page successfully using the http protocol, however, when it attempts to fetch the dependencies for the page (javascript files), Safari changes to the protocol to https which fails. Chrome keeps the protocol as http for both, which explains why it works in Chrome but not in Safari.

I'm still looking into why Safari changes the protocol from the initial request and how to best solve this. As a note, this does not occur when launching the UI for development (using yarn dev) but when using kubectl port-forward with the UI hosted in Kubernetes.

[adetalhouet]

After a little bit of troubleshooting, it seems to be two things causing the issue:

• we are using default CSP configuration; setting upgrade-insecure-requests: false under the csp section enforces the application to not request upgrading the request to https
• it seems Safari doesn't support all of CSP, as depicted here

[johnbelamaric]

Thanks @adetalhouet, I will update the Nephio app config for this.