Рендеринг текстового поля MUI вызывает нежелательную вертикальную прокрутку

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

У меня есть приложение React, в котором пользователь может переключаться между различными представлениями одной и той же структуры данных. При переключении с одного представления на другое окно браузера иногда автоматически прокручивается по вертикали. Вместо этого я ожидаю, что окно не будет прокручиваться, когда это возможно.

CodeSandbox здесь воспроизводит проблему: https://codesandbox.io/embed/magical-chebyshev-otlpu?fontsize=14amp;hidenavigation=1amp;theme=dark

Если вы прокрутите вниз, затем нажмите «ЩЕЛКНУТЬ, ЧТОБЫ ПЕРЕКЛЮЧИТЬ ВИД НИЖЕ», вы заметите, что происходит автоматическая прокрутка вверх.

Я подозреваю, что это проблема с текстовым полем MUI. Если я изменю текстовое поле MUI на div, проблема не появится, поэтому я не думаю, что это связано с React.