Прокрутка вкладок пользовательского интерфейса материалов не работает в мобильной версии
Я пытался поставить следующее
variant="scrollable"
scrollButtons="auto"
Вот фрагмент моего кода
subheader={(
<Tabs scrollButtons="on" variant="scrollable" value={activeTab} onChange={e => this.handleChange(e)}>
<Tab key="Overview" activetab={0} label="Overview" />
<Tab key="Followers" activetab={1} label={getTabCount('Followers', facets.followers)} />
....
</Tabs>
)}
Обновление:
Похоже, это существующая проблема. Когда мы переключимся на мобильный режим, вы сможете увидеть проблему.
Codesandbox: https://codesandbox.io/s/material-demo-forked-gdrfp?file=/demo.js&resolutionWidth=320&resolutionHeight=675
Всего две вкладки... они уже влезают во вьюпорт? Я не верю, что стрелки прокрутки будут отображаться, если не будет больше контента для просмотра.
У нас есть около 4 вкладок. Одна из вкладок обрезана, так как мы пытаемся отобразить ее и в мобильном представлении. Следовательно, пытаясь иметь возможность прокрутки
Я понимаю. Можете ли вы обновить свой вопрос, включив в него минимальный, полный и воспроизводимый пример кода, который мы можем просмотреть?
Обновлено. Но это похоже на существующую проблему в github, основываясь на дальнейших исследованиях.
Я вижу, и да, похоже, это известная проблема.