Skip to content

Android scaling problem #249

@segicm

Description

@segicm

Bug description:
Hi, first of all, thanks for the package it works pretty well!
I have a problem with the Android devices, where my pages get cut off the screen (See the screenshots).
On iOS it works perfectly.
I am creating an email client app and I am rendering email bodies.
You can find the email example on the provided gist link.

To Reproduce:

<AutoHeightWebView
      style={{
        width: deviceWidth,
      }}
      source={{
        html: emailBody
      }}
      viewportContent="width=device-width, user-scalable=yes"
      scalesPageToFit
    />

Source (static HTML or url):
https://gist.github.com/segicm/bb8d07ecef0becf98929d332d3999461

Expected behavior:
To scale the content to fit the screen.

Screenshots/Videos:
Android Device:
Screenshot_1667740520
iOS Device:
Simulator Screen Shot - iPhone 12 Pro - 2022-11-06 at 14 16 27

Environment:

  • OS: Android
  • OS version: All versions
  • react-native version: 0.69.6
  • react-native-webview version: 11.23.0
  • react-native-autoheight-webview version: ^1.6.5

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions