Skip to content

Pagination isn't visible on the bottom of the page via render function #3308

@JuliaVyl

Description

@JuliaVyl

Describe the bug
Pagination isn't visible on the bottom of the page if it is rendered using render function.
P.S. It is visible without render function when we place children directly.

To Reproduce

  1. Add dynamic page element placed on the bottom using render function:
<Text style={{
              position: "absolute",
              bottom: 60,
              right: 40,
              width: 80,
              textAlign: "right",
              fontSize: 8
      }} 
      render={({ pageNumber }) => `Page | ${pageNumber}`} 
      fixed 
/>
  1. See pdf output - there is no page element visible
    Example

Expected behavior
Page element is visible

Screenshots
Here is what it looks like
Image

How it should look like
Image

Desktop:

  • OS: MacOS, Windows
  • Browser chrome, MS edge
  • React-pdf version 4.3.2

What I currently use for it to work:
In style use top: 760 instead of bottom: 60

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions