react-native-autoheight-webview icon indicating copy to clipboard operation
react-native-autoheight-webview copied to clipboard

Android scaling problem

Open segicm opened this issue 3 years ago • 2 comments

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

segicm avatar Nov 06 '22 13:11 segicm

hi @segicm did you find a fix to this ??. i also have issues, sometimes it doesn't detect the accurate height of the mail !.

tdammy92 avatar Jun 08 '23 10:06 tdammy92

I have also have issues. it does not detect height at all

kriit24 avatar Nov 02 '23 07:11 kriit24