Skip to content

fix(ui): refresh document when user returns to tab after being away#16563

Open
deepshekhardas wants to merge 1 commit intopayloadcms:mainfrom
deepshekhardas:fix/14217-stale-data-refresh-on-tab-focus
Open

fix(ui): refresh document when user returns to tab after being away#16563
deepshekhardas wants to merge 1 commit intopayloadcms:mainfrom
deepshekhardas:fix/14217-stale-data-refresh-on-tab-focus

Conversation

@deepshekhardas
Copy link
Copy Markdown
Contributor

Fixes #14217

Problem

Admin UI displays outdated document version intermittently after publish. When a user publishes a document and returns to the admin panel (via browser back button or tab switch), the page sometimes shows old content.

Solution

  • Added visibilitychange event listener to detect when user returns to tab
  • Added focus event listener to detect when window gets focus
  • Added 5 second debounce to prevent rapid refreshes during quick tab switches
  • Reset refresh timer on document save

Changes

  • packages/ui/src/views/Edit/index.tsx - Added visibility/focus detection with router.refresh() when user returns to the page

Testing

  1. Create/edit a document in Payload admin
  2. Publish the document
  3. Navigate away or switch tabs
  4. Return to the admin panel
  5. Page should automatically refresh to show latest content

Fixes payloadcms#14217 - Admin UI displays outdated document version intermittently after publish

When a user publishes a document and returns to the admin panel (via browser back button or tab switch), the page now auto-refreshes to show the latest version. This prevents editors from unknowingly overwriting updated content with stale data.

Changes:
- Added visibilitychange event listener to detect when user returns to tab
- Added focus event listener to detect when window gets focus
- Added 5 second debounce to prevent rapid refreshes during quick tab switches
- Reset refresh timer on document save
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Incident: Admin UI Displays Outdated Document Version Intermittently After Publish

1 participant