Я новичок в React и Material-UI. У меня есть приложение, которое я создаю, и которое я хочу иметь возможность переходить из поля ввода в список, а затем перемещать элементы вверх и вниз с помощью стрелок на клавиатуре.
Это вроде работает, но когда я вкладываю в список первый ListItem и устанавливаю его как выбранное, оно также принимает стиль focusVisible.
Затем, когда я перехожу к следующему элементу с помощью клавиатуры, стиль focusVisible остается на первом элементе, в то время как выбранный элемент приобретает похожий стиль - что выглядит странно.
У меня есть перепробовал все, что мог, чтобы отказаться от этого стиля - disableRipple казалось, что он может работать, но не повезло
Я также пытался принудительно фокусироваться при выбранной настройке, чтобы тот же элемент был сфокусирован и выделен с помощью ссылок, но также не смог заставить его работать.
Я воссоздал его в codesandbox ниже.
https://codesandbox.io/s/material-demo-w6urc?file= / демо. js