Skip to content

Show the monitor summary after the chart skeleton clears - #79

Merged
tomschlick merged 2 commits into
masterfrom
feature/monitor-chart-lazy-load
Sep 23, 2026
Merged

tomschlick merged 2 commits into
masterfrom
feature/monitor-chart-lazy-load

Conversation

@tomschlick

Copy link
Copy Markdown
Member

Summary

  • Put the monitor summary and charts inside the single element Livewire keeps when a lazy widget finishes loading. The status, response, uptime, and badge sections were rendered after a style tag, so they were dropped once the skeleton cleared.
  • Assert the widget HTML starts with the .nm-detail root.

Test plan

  • Open a monitor view and confirm the skeletons are replaced by current status, average response, response range, last check, recent checks, the response-time chart, uptime, and badges.
  • Confirm the history table still lists check results below those sections.
  • php artisan test --filter='shows heartbeat and latency on the monitor view'

Livewire attaches the lazy-load trigger to the placeholder's first tag, which was a style element with no box, so the charts never hydrated.
Livewire keeps only the first element when a lazy widget loads, and that element was a style tag, so the status, response, and uptime sections were discarded.
@tomschlick
tomschlick merged commit b8d7e66 into master Sep 23, 2026
2 checks passed
@tomschlick
tomschlick deleted the feature/monitor-chart-lazy-load branch September 23, 2026 00:28
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.

1 participant