UIB List - Simple component displays empty non-editable column field after save and refresh - Known Error

UIB List - Simple component displays empty non-editable column field after save and refresh Description In the configuration panel of UI Builder, the "List - Simple" component shows empty column names after columns are added to the list, the page is saved, and UI Builder is reloaded.

Steps to Reproduce

1) On a blank UIB page 2) Add List - Simple component 3) In the Columns field, add any two columns 4) Notice user can see the fields reflected in the config panel 5) Save and refresh the page

Notice the Columns display as input fields, and user is not able to edit or remove the fields:

Workaround Though the column names appear blank in the configuration panel, the column choices are still persisted correctly on save, even if the columns are re-ordered. Even though input boxes appear in place of the column names, text entered into the fields does not persist or change the headings displayed in the table.

Workarounds to common tasks:

Re-ordering columns 1) Use the drag-and-drop feature to move the empty column inputs. - The top-most row represents the left-most column in the List - Simple, and each entry below the next column right. - Observe that each drag/drop action is reflected in the List - Simple on the stage. 2) Visually verify the desired column order using the staging area. 3) When your desired order is achieved, click Save.

Adding new columns 1) This works as expected. - Newly added columns will show the name correctly, but only until save/refresh as described in this KE.

Removing columns 1) Drag and drop the column field onto any invalid drop-zone (e.g. the stage) - observe that the re-rendered column item will display the pencil (edit) and ex (delete) icons 2) Click the delete icon for the column 3) Click Save.