Dashboard edit mode renders live widgets at true size #2

Closed
opened 2026-07-03 23:54:54 -05:00 by ginnoir · 0 comments
Owner

Dashboard edit mode must render real widget content at final size, not empty placeholders.

Background / current behavior

In edit mode (?edit=1), widgets render as generic placeholders at the dragged size. On save, widgets like Recent Activity expand to fit content and the dashboard reflows. What you arrange is not what you get.

Relevant: DashboardEditor, react-grid-layout usage, dashboard page under src/app/d/.

Expected behavior

Edit mode live-loads each widget's real data and renders at true final size so layout matches the saved view.

Acceptance criteria

  • Edit mode shows real widget content (not empty shells) for registered widgets.
  • Saving layout does not cause a large content-driven reflow for content-heavy widgets (e.g. Recent activity).
  • Playwright: extend tests/e2e/dashboard.spec.ts — enter edit mode, assert real content visible (e.g. Recent activity). Prefer height-stability assertion only if non-flaky.

Priority

P1 (batch step 2). Task brief: docs/tasks/81-dashboard-edit-live-widgets.md.

<brief>Dashboard edit mode must render real widget content at final size, not empty placeholders.</brief> ## Background / current behavior In edit mode (`?edit=1`), widgets render as generic placeholders at the dragged size. On save, widgets like Recent Activity expand to fit content and the dashboard reflows. What you arrange is not what you get. Relevant: `DashboardEditor`, react-grid-layout usage, dashboard page under `src/app/d/`. ## Expected behavior Edit mode live-loads each widget's real data and renders at true final size so layout matches the saved view. ## Acceptance criteria - [ ] Edit mode shows real widget content (not empty shells) for registered widgets. - [ ] Saving layout does not cause a large content-driven reflow for content-heavy widgets (e.g. Recent activity). - [ ] Playwright: extend `tests/e2e/dashboard.spec.ts` — enter edit mode, assert real content visible (e.g. Recent activity). Prefer height-stability assertion only if non-flaky. ## Priority P1 (batch step 2). Task brief: `docs/tasks/81-dashboard-edit-live-widgets.md`.
ginnoir added the bugpriority/p1 labels 2026-07-03 23:54:54 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: ginnoir/famapp#2