Navigating away from page causes Gauge to re-render incorrectly

[gdziuba]

Current Behavior

Navigate away and back to the page and get this:

Discord link

Expected Behavior

Icons and locations to remain the same.

Steps To Reproduce

No response

Environment

• Dashboard version:
• Node-RED version:
• Node.js version:
• npm version:
• Platform/OS:
• Browser:

Have you provided an initial effort estimate for this issue?

I can not provide an initial effort estimate

[jtemple967]

Attaching my flow as reference. Basically I have a 2.0 dashboard with 3 pages. One displays current weather conditions (attached screenshot is a partial part of that page). Another page displays a 5 day forecast and another is a page where you supply settings for the weather station.

Steps to reproduce:

1. Display the "Current Conditions" page
2. Using the navigation bar, select the "Forecast" page
3. Using the navigation bar, navigate back to the "Current Conditions" page. The visual elements are not displaying correctly.

Note that refreshing the page redraws the controls correctly however the next "injection" does not seem to fix the display issues.

You can try this out here: http://temples.tplinkdns.com:1880/dashboard

Attaching my flow definition here as well. Weather Station.json

[colinl]

Which version of @flowfuse/node-red-dashboard are you using?

[jtemple967]

Which version of @flowfuse/node-red-dashboard are you using?

V 1.7.1

[m-schaeffler]

I have seen such a behavior already since quite a while.