JavaScript TypeError: columns initialized as object instead of array

[allrude]

Problem:

• columns was initialized as an empty object {} in grid-component-type.phtml
• columns-selector-component-partial.phtml calls this.columns.forEach()
• Object.forEach() is not a function, causing TypeError and page hang
• Backend GridViewModel.getColumns() returns array of Column objects

Solution:

1. Changed columns: {} to columns: [] in grid-component-type.phtml:20 to match expected array type from backend
2. Added Array.isArray(this.columns) safety check before forEach() in columns-selector-component-partial.phtml:15 to prevent future errors

Scan Results:

• Reviewed all .phtml files in the module for similar patterns
• All other object/array initializations are correct for their usage
• gridFilters: {} correctly used as object with bracket notation
• filters: [] correctly initialized as array in filters-component-partial
• No other array method calls on object-initialized properties found

This fix prevents the grid component from crashing when the columns selector is initialized.

[jissereitsma]

Thanks!