FlowFuse / FlowFuse/node-red-dashboard
ui_table broken when dialog with clientdata enabled
- Dominant language
- HTML
- Stars
- 355
- Forks
- 82
- Avg merge
- 4d 23h
- Merged PRs (30d)
- 24
Description
### Current Behavior
When using Flowfuse Dashboard, the table UI stops displaying data when group type is dialog and client-side data is enabled. The table is not updating, although the data is still available in the background.
### Expected Behavior
The table should update normally and display the data even when rendered inside a dialog.
### Steps To Reproduce
1. Enable Client Data in the dashboard settings.
2. Place a `ui-table` inside a group with `groupType = dialog`.
3. Send any array of data to the table (e.g. via a button).
4. Show dialog
Example Flow:
``` json
[{"id":"feade9d59e80ae0c","type":"tab","label":"Flow 1","disabled":false,"info":"","env":[]},{"id":"b584637b2b73d516","type":"junction","z":"feade9d59e80ae0c","x":360,"y":80,"wires":[["8649187802891fe7","35e5ba4db0e4e454"]]},{"id":"9e7b2d85b8371400","type":"junction","z":"feade9d59e80ae0c","x":360,"y":240,"wires":[["eb4282a0e52cb43e","d574fd070f4b5944"]]},{"id":"35e5ba4db0e4e454","type":"debug","z":"feade9d59e80ae0c","name":"debug 1","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":540,"y":100,"wires":[]},{"id":"19ae30d510ab8fd7","type":"ui-button","z":"feade9d59e80ae0c","group":"c37665e275ef5995","name":"","label":"Show Table","order":1,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"[{\"test\":\"1\",\"test2\":\"2\",\"test3\":\"3\"},{\"test\":\"4\",\"test2\":\"5\",\"test3\":\"6\"},{\"test\":\"7\",\"test2\":\"8\",\"test3\":\"9\"}]","payloadType":"json","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":150,"y":100,"wires":[["b584637b2b73d516"]]},{"id":"8649187802891fe7","type":"ui-table","z":"feade9d59e80ae0c","group":"c37665e275ef5995","name":"","label":"","order":3,"width":0,"height":0,"maxrows":0,"passthru":false,"autocols":true,"showSearch":true,"deselect":true,"selectionType":"none","columns":[],"mobileBreakpoint":"sm","mobileBreakpointType":"defaults","action":"replace","className":"","x":530,"y":60,"wires":[[]]},{"id":"79f2bc61b8fe8458","type":"ui-button","z":"feade9d59e80ae0c","group":"c37665e275ef5995","name":"","label":"clear","order":2,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"[]","payloadType":"json","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":170,"y":60,"wires":[["b584637b2b73d516"]]},{"id":"b719635f394d204e","type":"ui-button","z":"feade9d59e80ae0c","group":"cf2684d01fa8d839","name":"","label":"Show Table","order":1,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"[{\"test\":\"1\",\"test2\":\"2\",\"test3\":\"3\"},{\"test\":\"4\",\"test2\":\"5\",\"test3\":\"6\"},{\"test\":\"7\",\"test2\":\"8\",\"test3\":\"9\"}]","payloadType":"json","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":150,"y":260,"wires":[["9e7b2d85b8371400","6d40d8862435ac5d"]]},{"id":"2c61f912bd821f59","type":"ui-button","z":"feade9d59e80ae0c","group":"cf2684d01fa8d839","name":"","label":"clear","order":2,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"[]","payloadType":"json","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":170,"y":220,"wires":[["9e7b2d85b8371400"]]},{"id":"d574fd070f4b5944","type":"ui-table","z":"feade9d59e80ae0c","group":"a833cd376becfb46","name":"","label":"","order":1,"width":0,"height":0,"maxrows":0,"passthru":false,"autocols":true,"showSearch":true,"deselect":true,"selectionType":"none","columns":[],"mobileBreakpoint":"sm","mobileBreakpointType":"defaults","action":"replace","className":"","x":530,"y":220,"wires":[[]]},{"id":"6d40d8862435ac5d","type":"template","z":"feade9d59e80ae0c","name":"show PopUp","field":"payload","fieldType":"msg","format":"json","syntax":"mustache","template":"{\n \"groups\": {\n \"show\": [\"Popup Test\"]\n }\n}","output":"json","x":370,"y":300,"wires":[["f13538fa4b040383"]]},{"id":"eb4282a0e52cb43e","type":"debug","z":"feade9d59e80ae0c","name":"debug 2","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":540,"y":260,"wires":[]},{"id":"f13538fa4b040383","type":"ui-control","z":"feade9d59e80ae0c","name":"","ui":"906d537f26fbd163","events":"all","x":540,"y":300,"wires":[[]]},{"id":"b321128e3c02b483","type":"comment","z":"feade9d59e80ae0c","name":"Failes to display Data","info":"","x":800,"y":260,"wires":[]},{"id":"1ccc3113054e1fa2","type":"comment","z":"feade9d59e80ae0c","name":"works","info":"","x":750,"y":80,"wires":[]},{"id":"c37665e275ef5995","type":"ui-group","name":"StaticTest","page":"2f1751ad287ab270","width":6,"height":1,"order":3,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"cf2684d01fa8d839","type":"ui-group","name":"PopupControl","page":"2f1751ad287ab270","width":6,"height":1,"order":1,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"a833cd376becfb46","type":"ui-group","name":"Popup Test","page":"2f1751ad287ab270","width":6,"height":1,"order":2,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"dialog"},{"id":"906d537f26fbd163","type":"ui-base","name":"Test Dasbboard","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control","ui-template","ui-text-input","ui-form","ui-table","ui-button"],"showPathInSidebar":false,"headerContent":"dashboard","navigationStyle":"icon","titleBarStyle":"hidden","showReconnectNotification":true,"notificationDisplayTime":1,"showDisconnectNotification":true,"allowInstall":true},{"id":"2f1751ad287ab270","type":"ui-page","name":"Test","ui":"906d537f26fbd163","path":"/test","icon":"home","layout":"grid","theme":"3673e64c2c80e807","breakpoints":[{"name":"Default","px":"0","cols":"4"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":1,"className":"","visible":"true","disabled":"false"},{"id":"3673e64c2c80e807","type":"ui-theme","name":"Dark","colors":{"surface":"#000000","primary":"#0094ce","bgPage":"#333333","groupBg":"#000000","groupOutline":"#333333"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}},{"id":"5fae1e8399f9801e","type":"global-config","env":[],"modules":{"@flowfuse/node-red-dashboard":"1.29.0"}}]
```
### Environment
- Dashboard version: 1.29.0
- Node-RED version: 4.1.1
- Platform/OS: Windows
- Browser: Edge/Chrome
same customer as @ignitedPotato
### Have you provided an initial effort estimate for this issue?
I can not provide an initial effort estimate
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.