[Due for payment 2026-10-22] [CFI] Add page navigation to multi-page PDF receipts in desktop full preview

@mallenexpensify

Problem

Multi-page PDF receipts now show a Page 1 of N badge, but you can't flip through the pages in the full receipt preview. A prospective customer asked for an easy way to move between pages of a multi-page PDF receipt.

Solution

Add page navigation controls (previous/next page) to the full-screen receipt/attachment preview for multi-page PDFs on desktop (web and desktop app).

The full preview already loads the whole PDF, so this should be a frontend-only change.
Update the page indicator (Page X of N) as the user moves between pages.
Mobile is out of scope. The receipt preview there isn't a full-page view, so pagination adds little value.

Context

Follow-up to Show a page count badge on multi-page PDF receipts.

Reported in Slack.

Issue Owner

Current Issue Owner: @mallenexpensify

@dannymcclain

Triggered auto assignment to Design team member for new feature review - @dannymcclain (NewFeature)

@dubielzyk-expensify

From a design perspective I don't really see a huge reason not to go with what @dubielzyk-expensify mocked up here:

Same, looks good to me. 👍

Ah, in the thread in #migrate we decided this can be desktop only because mobile doesn't have a full preview anyway so you need to click in to see it all.

Ah, gatcha. Yep, then go with my OG mock 👍

Kewl. If you have it to hand, pop it in the OP - or I'll find it tomorrow. 👍

Done 👍

Thanks! And don't be offended that I marked your mobile comment as outdated, I just don't want to confuse anyone working on this since we decided this will be desktop only 😂

Contributor+ Checklist:

[Contributor] The offending PR and associated issue have been commented on, pointing out the bug it caused and why, so the author and reviewers can learn from the mistake.

It's a new feature
[Contributor] If the regression was CRITICAL (e.g. interrupts a core flow) A discussion in #expensify-open-source has been started about whether any other steps should be taken (e.g. updating the PR review checklist) in order to catch this type of bug sooner.

Link to discussion: N/A
[Contributor] If it was decided to create a regression test for the bug, please propose the regression test steps using the template below to ensure the same bug will not reach production again.

Regression Test Proposal

Precondition:

Test:

On desktop web, open an expense whose receipt is a multi-page PDF already on the server.
Verify the pill reads "Page 1 of N" with disabled buttons, then both buttons enable once the PDF loads.
Click next and verify the preview shows page 2 and the pill reads "Page 2 of N".
Click previous and verify it goes back to page 1, and that previous is disabled on page 1.
Click next until the last page and verify next is disabled.
Hover the receipt and verify it zooms, then move the pointer onto the pill and verify the zoom stops.
Create a new expense with a multi-page PDF receipt, open it while it's still scanning, and verify the pill appears once the PDF loads and keeps working after the scan finishes.
Open an expense with a single-page PDF or an image receipt and verify no page badge or pill shows.
Block the PDF's network request (or point the receipt at a broken URL) and verify the view falls back to the static "Page 1 of N" badge instead of a stuck or broken pill.
Flip to a later page, then replace the receipt with a different multi-page PDF, and verify the pill resets to page 1 with both buttons disabled until the new file loads.

Do we agree 👍 or 👎

@mallenexpensify

Triggered auto assignment to @mallenexpensify (Awaiting Payment)

@huult

Payment Summary

Resolving PRs:

Add page navigation to multi-page PDF receipts #102776
Reviewer: @huult owed $175 via NewDot
Contributor: @ishpaul777 does not require payment (Contractor)

BugZero Checklist (@mallenexpensify)

I have confirmed assignees, roles, and Upwork contracts look correct
I have paid out Upwork contracts / manual NewDot requests
[BugZero Assignee] I have created a GH issue for creating/updating the regression test once above steps have been agreed upon

@huult

Payment Summary

Contributor+: @huult due $175 via NewDot

Navigation Menu

Repository navigation

[Due for payment 2026-10-22] [CFI] Add page navigation to multi-page PDF receipts in desktop full preview #102435

Problem

Solution

Context

18 remaining items

Contributor+ Checklist:

Regression Test Proposal

Precondition:

Test:

Payment Summary

BugZero Checklist (@mallenexpensify)

Payment Summary

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[Due for payment 2026-10-22] [CFI] Add page navigation to multi-page PDF receipts in desktop full preview #102435

Description

Problem

Solution

Context

Activity

melvin-bot commented on Sep 28, 2026

dannymcclain commented on Sep 28, 2026

trjExpensify commented on Sep 28, 2026

dubielzyk-expensify commented on Sep 28, 2026

trjExpensify commented on Sep 29, 2026

dubielzyk-expensify commented on Sep 29, 2026

trjExpensify commented on Sep 29, 2026

dubielzyk-expensify commented on Sep 29, 2026

dannymcclain commented on Sep 29, 2026

18 remaining items

huult commented on Oct 16, 2026

Contributor+ Checklist:

Regression Test Proposal

Precondition:

Test:

melvin-bot commented on Oct 21, 2026

melvin-bot commented on Oct 21, 2026

Payment Summary

BugZero Checklist (@mallenexpensify)

mallenexpensify commented on Oct 24, 2026

Payment Summary

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions