Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Print.printToFileAsync HTML to PDF adds an extra blank page at the end

See original GitHub issue

🐛 Bug Report

Environment

  Expo CLI 3.15.5 environment info:
    System:
      OS: macOS 10.15.3
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 12.14.0 - /usr/local/bin/node
      npm: 6.14.3 - /usr/local/bin/npm
    IDEs:
      Android Studio: 3.6 AI-192.7142.36.36.6241897
      Xcode: 11.4/11N132i - /usr/bin/xcodebuild
    npmPackages:
      expo: ~36.0.0 => 36.0.2 
      react: ~16.9.0 => 16.9.0 
      react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4 
    npmGlobalPackages:
      expo-cli: 3.15.5

Observed in iOS, Snack confirms the issue in Android too. Web looks fine.

Steps to Reproduce

This code creates an extra page at the end that is blank.

const filePath = await Print.printToFileAsync({
    html: 'hello',
    base64: false
})
Sharing.shareAsync(filePath.uri)

I applied CSS for html such as

<html><head><style>@page { margin: 20px; height: 90%} html,body {height: 90%;} </style></head><body>hello</body></html>

but the blank page is there.

Also note that the images can be broken mid-page, half printed on page N, another half on page N+1 even with page-break-inside:avoid; (probably a separate issue)

Expected Behavior

No unwanted blank page at the end

Actual Behavior

See the blank page at the end even though I just printed a single word. B3662F39-75CF-4D3D-B6A4-C610B52A5447.pdf

Reproducible Demo

See the code above or the Snack https://snack.expo.io/r1IBgIW2B

Issue Analytics

State:
Created 3 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

4reactions

CapelliCcommented, Apr 21, 2020

Hi, can you open a separate issue for this?

Ok, thanks. I did managed to modify your sample to highlight the different treatment that file:// uris get on iOS vs Android. See https://github.com/CapelliC/expo-print-test-pdf-file-uri-missing-ios.

Opened an issue at https://github.com/expo/expo/issues/7940

0reactions

hipolitotatacommented, Mar 8, 2021

Hi, can you open a separate issue for this?

Ok, thanks. I did managed to modify your sample to highlight the different treatment that file:// uris get on iOS vs Android. See https://github.com/CapelliC/expo-print-test-pdf-file-uri-missing-ios.

Opened an issue at #7940

It’s worked for me too, thankssss !!!