Skip to content

ui_table broken when dialog with clientdata enabled #1944

@superbreadi

Description

@superbreadi

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:

[{"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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingneeds-triageNeeds looking at to decide what to do

    Type

    No type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions