DataGrid: ensure re-sorting if data changes

This is a fix for the following scenario:

1. You sort a data grid by a column
2. The value of a cell in the sorted column changes
3. The data grid does not update to re-sort the columns with the new
   change

The fix here forces the data grid to update its columns if we detect a
mutation and we have an active sort (ensuring we don't update the
columns on every mutation in the non-sorted scenario).

[email protected]

Bug: 449655015
Change-Id: Ib3a8495f35f849bd97e7600699fa611da932929b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7095683
Auto-Submit: Jack Franklin <[email protected]>
Commit-Queue: Jack Franklin <[email protected]>
Reviewed-by: Danil Somsikov <[email protected]>

Author: jackfranklin

front_end/ui/legacy/components/data_grid/DataGridElement.ts

@@ -372,6 +372,15 @@ class DataGridElement extends UI.UIUtils.HTMLElementWithLightDOMTemplate {
       this.#updateColumns();
     }
     this.#updateCreationNode();
+
+    const hadAddedNodes = mutationList.some(m => m.addedNodes.length > 0);
+    // If we got an update, and the data grid is sorted, we need to update the
+    // columns to maintain the sort order as the data within has changed.
+    // However, if we have nodes added, that will trigger a sort anyway so we
+    // don't need to re-sort again.
+    if (this.#dataGrid.sortColumnId() !== null && !hadAddedNodes) {
+      this.#dataGrid.dispatchEventToListeners(DataGridEvents.SORTING_CHANGED);
+    }
   }
 
   #editCallback(