Android iframe white screen

Ionic Framework Ionic Angular
1

This is very confusing to solve, I’m using Capacitor.

I have a simple iframe that loads a website in a page when user click a button.

<iframe src="https://subdomain.domain.com" width="200px" height="200px"></iframe>

On my android version 6. The iframe loads fine on development mode (using ionic capacitor run android -l --external) and also by installing it from Google Play.

On my android version 10. The iframe loads fine on development mode (using ionic capacitor run android -l --external) BUT not working by installing it from Google Play.

Also on browser the iframe loads fine.

Anyone knows what might caused this and a way to fix it?

Thanks

2

This is weird maybe someone can provide an explanation.
I ended up fixing this by placing another iframe with width & height = 0;

<iframe src="https://sub-domain.example.com" width="100%" height="100%"></iframe>
<iframe src="https://www.example.com" width="0" height="0"></iframe>