Skip to content

[6.x] Add skeleton ui to lazy loaded actions#14217

Merged
jasonvarga merged 1 commit into6.xfrom
skeleton-on-lazy-loaded-actions
Mar 11, 2026
Merged

[6.x] Add skeleton ui to lazy loaded actions#14217
jasonvarga merged 1 commit into6.xfrom
skeleton-on-lazy-loaded-actions

Conversation

@jaygeorge
Copy link
Contributor

Description of the Problem

As per #14205 (comment), on slower sites, it takes 1-2 seconds for actions to load. There is currently no lazy-loading applied to the action menu so it may appear "broken" to users.

What this PR Does

  • This adds the same Skeleton UI we have for the dashboard widgets to action dropdowns

  • Modifies the original skeleton-delay helper to work for loading states when the component mounts, not only on initial mount. This is needed because row action loading begins only when the user opens or hovers the menu, unlike page/listing initialisation.

  • Closes UI/UX: Lazy loaded actions - placeholder #14205 (comment)

How to Reproduce

  1. Open the actions e.g. on a collection row like
    2026-03-11 at 14 38 15@2x
  2. You can throttle the network in devtools to see the loading state appear after 400ms

@jasonvarga jasonvarga merged commit 02f6892 into 6.x Mar 11, 2026
18 checks passed
@jasonvarga jasonvarga deleted the skeleton-on-lazy-loaded-actions branch March 11, 2026 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI/UX: Lazy loaded actions - placeholder

2 participants