Instagram In-App Browser breaks Flutter Web Page

Viewed 349

We used Flutter Web to develop our website and we encounter one issue only in the browser integrated in the Instagram app. If a user opens a link to our website in Instagram, the In-App-Browser shows the page totally strange (see https://i.stack.imgur.com/5geUn.png for the broken version and see here https://i.stack.imgur.com/2eDwb.png for how it should look like). This only happens on iOS and only if you open the link for the first time.

We have tried changing the web renderer but this introduces other layout issues (also only Instagram). If the user is reloading the page it fixes the problem, but if we do it programmatically with html.window.location.reload() it does not change anything. Do you have any idea what the problem could be or what else we could try to fix this problem? Thank you!

0 Answers
Related