Grid not visible on 2nd instance

FlowFuse / flow-renderer

Apache License 2.0

5 stars 0 forks source link

Grid not visible on 2nd instance #40

Open Steve-Mcl opened 3 months ago

Steve-Mcl commented 3 months ago

Current Behavior

If the renderer is used more than once, the grid is not displayed on 2nd (in the DOM) instance

chrome_lbulBWIvdk

Expected Behavior

Grid should be visible

Steps To Reproduce

Open snapshots view on FF cloud View any snapshot, close, Compare any snapshots

Environment

FlowFuse version: NA
Node.js version:
npm version:
Platform/OS: Windows
Browser: chrome

Linked Customers

Customer name and/or link to HubSpot contact

Steve-Mcl commented 3 months ago

Inspecting the DOM, it is related to the SVGs in that the grid def id #grid is not resolved in the 2nd SVG due to (potentially) duplicate #grid refs. Not sure how to address a ref element - may need to auto gen the ID or see if a class or other other relative identifier can be used in the ref url for generating the grid.