All buttons start as "sort by {header} in ascending order." If you activate one of the buttons, its name changes to "sort by {header} in descending order." However, all the other button names also change to "sort by {header} in descending order" which is not correct, activating those buttons will still sort in ascending order.
I think the issue is because the text for all buttons is chosen based on the value of sortDir which only reflects the sort direction of the currently sorted column. The Arrow component and aria-sort attribute don't have this problem because they incorporate sortedBy.
All buttons start as "sort by
{header}in ascending order." If you activate one of the buttons, its name changes to "sort by{header}in descending order." However, all the other button names also change to "sort by{header}in descending order" which is not correct, activating those buttons will still sort in ascending order.I think the issue is because the text for all buttons is chosen based on the value of
sortDirwhich only reflects the sort direction of the currently sorted column. TheArrowcomponent andaria-sortattribute don't have this problem because they incorporatesortedBy.