[TreeView] Remove un-needed aria-activedescendant attribute

mui · Apr 22, 2024 · ce54e89 · ce54e89
1 parent 4b07dfd
commit ce54e89
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 20 deletions.
diff --git a/packages/x-tree-view/src/TreeItem/TreeItem.test.tsx b/packages/x-tree-view/src/TreeItem/TreeItem.test.tsx
@@ -226,17 +226,13 @@ describe('<TreeItem />', () => {
   });
 
   it('should be able to use a custom id', () => {
-    const { getByRole, getByTestId } = render(
+    const { getByRole } = render(
       <SimpleTreeView>
         <TreeItem id="customId" itemId="one" data-testid="one" />
       </SimpleTreeView>,
     );
 
-    act(() => {
-      getByTestId('one').focus();
-    });
-
-    expect(getByRole('tree')).to.have.attribute('aria-activedescendant', 'customId');
+    expect(getByRole('treeitem')).to.have.attribute('id', 'customId');
   });
 
   describe('Accessibility', () => {

diff --git a/packages/x-tree-view/src/internals/plugins/useTreeViewFocus/useTreeViewFocus.ts b/packages/x-tree-view/src/internals/plugins/useTreeViewFocus/useTreeViewFocus.ts
@@ -143,15 +143,9 @@ export const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature> = ({
       }
     };
 
-  const focusedItem = instance.getItemMeta(state.focusedItemId!);
-  const activeDescendant = focusedItem
-    ? instance.getTreeItemIdAttribute(focusedItem.id, focusedItem.idAttribute)
-    : null;
-
   return {
     getRootProps: (otherHandlers) => ({
       onFocus: createRootHandleFocus(otherHandlers),
-      'aria-activedescendant': activeDescendant ?? undefined,
     }),
     publicAPI: {
       focusItem,

diff --git a/packages/x-tree-view/src/internals/useTreeView/useTreeView.types.ts b/packages/x-tree-view/src/internals/useTreeView/useTreeView.types.ts
@@ -35,14 +35,7 @@ export type UseTreeViewDefaultizedParameters<
 export interface UseTreeViewRootSlotProps
   extends Pick<
     React.HTMLAttributes<HTMLUListElement>,
-    | 'onFocus'
-    | 'onBlur'
-    | 'onKeyDown'
-    | 'id'
-    | 'aria-activedescendant'
-    | 'aria-multiselectable'
-    | 'role'
-    | 'tabIndex'
+    'onFocus' | 'onBlur' | 'onKeyDown' | 'id' | 'aria-multiselectable' | 'role' | 'tabIndex'
   > {
   ref: React.Ref<HTMLUListElement>;
 }