Printing on Android mobile hella broke

[punchin-feedback]

What happened

Print layouts are all messed up for me
See screenshots

Steps to reproduce

Use print or invoice functions

Expected behaviour

They should be pretty printed

App version

0.32.0

Install type

PWA (installed to home screen)

Browser & version

Chrome 149

OS & version

Android 10

Device

K

Additional context

No response

Screenshots

[punchIn-app-bot]

Thanks for the report and the screenshots — they were exactly what we needed to pin this down.

What's happening: when you use Print or Invoice on Android, Chrome is printing the entire app screen — the navigation bar, the buttons, and the invoice dialog itself all end up in the output — instead of just the clean invoice/timesheet document. You can see it in your screenshots: the bottom Timer/Jobs/Timesheets/Analytics/Settings nav and the "Create invoice" modal chrome are all in the printout.

Why: on desktop the app renders the printable document into a hidden, isolated frame and prints only that. On Android Chrome that isolation isn't taking effect, so the whole page is sent to the printer/PDF instead of the document.

Next steps: the fix is to scope printing so only the generated document prints on Android (an app-level print stylesheet that hides everything except the document). Print behavior varies a fair bit across Android/Chrome versions, so we want to verify the fix on a real Android device before shipping it rather than guess.

Two quick questions to help us confirm the fix:

1. Does it happen for both "Print" and "Invoice → Print"?
2. Does it also happen in a normal browser tab, or only in the installed PWA?

We'll post back here when there's a build to test. Thanks again for flagging it.