Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blank webview on Android when displaying large content #2683

Closed
andreialecu opened this issue Sep 22, 2022 · 2 comments
Closed

Blank webview on Android when displaying large content #2683

andreialecu opened this issue Sep 22, 2022 · 2 comments

Comments

@andreialecu
Copy link

andreialecu commented Sep 22, 2022

Bug description:

I'm using https://github.com/formidable-webview/webshell to wrap react-native-webview in order to embed the webview inside a ScrollView and have an auto-height for it, in order for other native components to be laid out at the bottom of it.

It appears that when the content in the view passes a certain threshold, it starts rendering blank. It still takes up all the space it needs to, so there are scroll views present, just that the entire space is empty.

Upon checking Flipper, I noticed this error logged in the Android system logs:

chromium: [ERROR:tile_manager.cc(811)] WARNING: tile memory limits exceeded, some content may not draw

Screenshot 2022-09-22 at 10 54 56

Possibly related: https://stackoverflow.com/questions/62080137/android-webview-does-not-display-web-page-even-though-the-page-has-successfully

To Reproduce:

Pass some large content with multiple large embedded base64 images as the html source (pass a string of the entire html). I haven't verified if this also occurs with URL sources.

I can reproduce it on both the emulator and a real device.

Expected behavior:

Content should render.

Screenshots/Videos:

Reusing screenshot from iou90/react-native-autoheight-webview#241

image

Environment:

  • OS: Android
  • OS version: 12
  • react-native version: 0.68.1
  • react-native-webview version: 11.22.7
  • Android System Webview 91.0.4472.114
@andreialecu
Copy link
Author

andreialecu commented Sep 22, 2022

Likely relevant: the html I'm passing in includes several base64 encoded images and is 15,450,504 bytes large.

However, the html rendered in the report at iou90/react-native-autoheight-webview#241 is much smaller.

I have noticed this occurring before with other data myself. It could be related to auto-height webviews.

@github-actions
Copy link

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant