Estoy usando la tecla de flecha para navegar en TreeView en material ui usando ReactJs, que son las teclas predeterminadas. Pero quiero implementar las teclas de tabulación para navegar en TreeView sin obstaculizar el comportamiento predeterminado de TreeView .
<TreeView className={classes.root1} defaultExpandIcon={<ArrowDropDownIcon />} defaultCollapseIcon={<ArrowDropUpIcon />} disableSelection={true} ></TreeView>; Solo necesito agregar la tecla de tabulación para navegar entre los nodos. He agregado tabIndex={0} . Funciona. Pero no necesito eso porque está obstaculizando la itinerancia de pestañas predeterminada en la vista de árbol y tengo que atravesar todo el árbol nuevamente desde el nodo principal inicial.
El comportamiento predeterminado es que cuando deja el foco de treeView presionando la pestaña y si presionamos la tecla Shift + Tabulador, irá al último elemento seleccionado.
Necesito ir al último elemento seleccionado pero sin configurar tabindex manualmente desde mi lado.
Es posible ? ¿Cómo podemos lograr esto?