Webview widget don't work with any URL except https://flutter.dev/

[funkydevil]

Expected behavior (required)

Webview widget show web page with any URL

Current behavior (required)

If set URL property to https://flutter.dev/ then it works fine, if set any other url address, then webview shows nothing

To Reproduce (required)

1. Create new page
2. Add webview widget
3. Set URL to https://flutterflow.io
4. Click Run
5. Observe that webview shows nothing

Your environment

• Version of FlutterFlow used: 1.1.45
• Platform (e.g. Web, MacOS Desktop): macOS desktop
• Browser name and version: safari 16.1 , chrome 110.0.5481.100
• Operating system and version (desktop or mobile): mac os 13.0

Errors in console

Screenshot how it looks

[hariprasadms]

Hi @funkydevil - Please update issue details as per recommended issue template. Once details are updated, we can look into the issue.

[funkydevil]

@hariprasadms done :)

[aemelyanovff]

Try checking "Bypass domain restrictions" in WebView properties.

[funkydevil]

@aemelyanovff Thanks for advice. I tried this. Its not helped :(

[aemelyanovff]

@aemelyanovff Thanks for advice. I tried this. Its not helped :(

What's the error in the console?

[funkydevil]

What's the error in the console?

Only ones, that I put in issue description.
Also here is a little discussion about this issue and video with reproducing.
https://community.flutterflow.io/c/discuss-and-get-help/webview-works-strange#comment_wrapper_16202532

[aemelyanovff]

"Bypass domain restrictions"

And it didn't change after checking "Bypass domain restrictions"?

The reason https://flutter.dev/ works on web and https://flutterflow.io/ doesn't is CORS (the "Blocked a frame with origin ... from accessing a cross-origin frame" on the screenshot) - flutter.dev allows browsers to load itself this way, while most other websites don't. Checking "Bypass domain restrictions" enables a proxy that bypasses this restriction. The proxy can fail as well, but the error should be different.

It should work fine on a mobile device (in a native app, not a web app). And the most reliable to make it work on web is to setup and use your own CORS proxy.

[aemelyanovff]

Closing as inactive. @funkydevil please reopen if you add details about the error after checking "Bypass domain restrictions".