Вкладки MUI не прокручиваемые, потому что root имеет переполнение-x: скрытый ⇐ CSS

[Anonymous]

Я впервые использую компонент вкладок MUI, и мне трудно сделать прокручиваемую функцию. PrettyPrint-Override ">export const History = () => {
const [currentYear, setCurrentYear] = useState(0);
const renderTabs = useMemo(() => {
const tabs = [];
for (let i = 2024; i > 2002; i--) {
tabs.push();
}
return tabs;
}, []);
const handleYearChange = useCallback((event, newValue) => {
setCurrentYear(newValue);
}, []);

return (


{renderTabs}


);
};
< /code>
Согласно документации, все реквизиты, необходимые для его прокрутки, здесь, но ни Scrollbuttons, ни другие параметры (Swipe или перетаскивание) не прокручивают мои вкладки.
выглядит как Я не могу прокрутить вкладки за пределами моего экрана. Потому что, если я нажимаю на частично видимую вкладку справа (2009 год на скриншоте), происходит небольшой свиток, но часть вкладки, которая была за пределами родительского компонента на креплении, все еще не видно. Тем временем появляется кнопка левого прокрутки и позволить мне прокрутить обратно к началу моих вкладок.


Подробнее здесь: https://stackoverflow.com/questions/794 ... ow-xhidden