Stringify the element path passed to data-grid-path (#6660)

ruggi · web-flow · commit 3af65dbc079f · 2024-11-19T19:02:40.000+01:00
**Problem:** `data-grid-path` is not stringified when used in the grid control's component, leading to a lovely `[object Object]` which functionally nerfs the dom walker. **Fix:** Fix that. Fixes #6659
diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
@@ -925,7 +925,7 @@ const GridControl = React.memo<GridControlProps>(({ grid, controlsVisible }) =>
       <div
         key={gridKeyFromPath(gridContainerOrComponentPath)}
         id={gridKeyFromPath(gridContainerOrComponentPath)}
-        data-grid-path={gridContainerOrComponentPath}
+        data-grid-path={EP.toString(gridContainerOrComponentPath)}
         style={style}
       >
         {placeholders.map((cell) => {

Original file line number	Diff line number	Diff line change
`@@ -925,7 +925,7 @@ const GridControl = React.memo<GridControlProps>(({ grid, controlsVisible }) =>`
`925`	`925`	`<div`
`926`	`926`	`key={gridKeyFromPath(gridContainerOrComponentPath)}`
`927`	`927`	`id={gridKeyFromPath(gridContainerOrComponentPath)}`
`928`		`- data-grid-path={gridContainerOrComponentPath}`
	`928`	`+ data-grid-path={EP.toString(gridContainerOrComponentPath)}`
`929`	`929`	`style={style}`
`930`	`930`	`>`
`931`	`931`	`{placeholders.map((cell) => {`