Merge pull request #3875 from jblueml/jblueml-fix-details-list-sort

Fix for displaying Details List sort arrows on multiple columns
microsoft-search · Jul 23, 2024 · 507dbe0 · 507dbe0
2 parents 5e70dae + 53394a4
commit 507dbe0
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/search-parts/src/components/DetailsListComponent.tsx b/search-parts/src/components/DetailsListComponent.tsx
@@ -334,7 +334,8 @@ export class DetailsListComponent extends React.Component<IDetailsListComponentP
                         isRowHeader: false,
                         isResizable: column.isResizable === true,
                         isMultiline: column.isMultiline === true,
-                        isSorted: allowSorting,
+                        // show sort arrow only if the column is sortable and sorting has been applied by a previous click ('user sort' happened)
+                        isSorted: allowSorting && column.valueSorting === this.props.defaultSelectedField,
                         isSortedDescending: this.props.defaultDirection === SortFieldDirection.Descending,
                         sortAscendingAriaLabel: 'Sorted A to Z',
                         sortDescendingAriaLabel: 'Sorted Z to A',