Invoice and quote screen jumps / scrolls when the preview PDF is generated

Version

5.12.0 (using React demo site) and 5.12.5 using my own instance

Environment

Docker and React demo site

Checklist

  • Can you replicate the issue on our v5 demo site https://demo.invoiceninja.com or Invoice Ninja? Yes reproduced on the React demo site
  • Have you searched existing issues? Yes, couldn’t find an existing report of this
  • Have you inspected the logs in storage/logs/laravel.log for any errors? No log entries seem relevant to this.

Describe the bug

When creating or editing an invoice or quote, when a change is performed that causes the PDF preview to regenerate the window scrolls down past the product/task line items form. The input still remains focused, but is likely now off screen.

Steps To Reproduce

  1. Create or edit an invoice or quote
  2. Select a client
  3. Add a task or product row
  4. Add a description to the task or product
  5. Add a price
  6. etc.

Expected Behavior

The PDF preview should generate offscreen as each part of the invoice/quote is edited, and not impact the current scroll position.

Screenshots

This is a screen recording of the issue using the React demo environment in Google Chrome 137.0.7151.104

Logs

N/A

Hi,

Thanks for reporting this, I suggest creating an issue here to track the problem.

1 Like

Thank you, I wasn’t aware of the separate UI repository, have raised the issue: Invoice and quote screen jumps / scrolls when the preview PDF is generated · Issue #2616 · invoiceninja/ui · GitHub

1 Like