fixed display of sort arrows on multiple columns

microsoft-search · Jul 22, 2024 · 53394a4 · 53394a4
1 parent 5e70dae
commit 53394a4
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',