mui选项卡不可滚动,因为root具有溢出-x:hidden

问题描述 投票:0回答:1

根据文档

,使其滚动所需的所有道具都在这里,但是scrollbuttons或其他选项(滑动或拖动)都不在滚动我的标签。 看来我无法滚动到屏幕外面的标签。因为如果我单击右侧的“部分可见”选项卡(在屏幕截图上的2009年),则会发生一点滚动,但是在安装座上的父组件外部的选项卡的一部分仍然不可见。同时,出现左滚动按钮,让我滚动回到标签的开始。

这是由于我的根部成分是其样式的一部分而引起的。如果我将其删除,则滚动不再是问题。但是我想将这种样式保留在我的应用程序的其余部分中。有解决方案吗? screenshot of my application问题并不是#root拥有overflow-x: hidden

overflow-x: hidden

,而是这种样式几乎所有标签都是全局的。因此,我不得不从MUI
Tabs

组分子元素中删除它:
css reactjs material-ui
1个回答
0
投票
<main> <Tabs value={currentYear} onChange={handleYearChange} variant="scrollable" scrollButtons allowScrollButtonsMobile sx={{ "& *": { overflowX: "unset", }, }} > {renderTabs} </Tabs> </main>

	
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.