FlowFuse/node-red-dashboard

Dashboard page layout expands on every change

Open

#1,593 opened on Jan 23, 2025

View on GitHub
 (3 comments) (0 reactions) (0 assignees)HTML (83 forks)auto 404
good first issuesize:Mtype:bug

Repository metrics

Stars
 (350 stars)
PR merge metrics
 (PR metrics pending)

Description

Current Behavior

Hi,

In Dashboard 2, whenever a flow is updated, the Layout \ Pages overview refreshes and expands all Pages & Groups. There has already been at least 1 request to change this behaviour, and there seem to be some technical issues in solving this.

Again, I would like to say that this is extremely annoying behaviour. We have Dashboards with 10+ pages, and several groups within each page. So scrolling to find a page or group is very time-consuming and .. well.. annoying. And not exactly contributing to ease of use. If a technical solution for remembering the last state of that overview is difficult for some reason, please, please, please make a button to collapse all pages and groups. That should make it much easier to quickly find the page\group you're looking for.

Thanks! DenW

Expected Behavior

No response

Steps To Reproduce

No response

Environment

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Contributor guide

Research direction
Inspect the dashboard layout component to understand how page and group expansion state is managed. Look for areas where the state is reset on flow updates. Consider implementing a persistent local state or a collapse all button.
Tech stack
vuenodejs
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Git
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65