在 material-ui 的 Drawer 组件中禁用水平滚动条

Question

我不想让我的抽屉左右滚动，但又不能让它消失。在 Menu 和 MenuItems 中，我尝试将 max-width/width 设置为 100%，并将 box-sizing 设置为border-box。抽屉本身也有overflow: hidden。有任何想法吗？我相信是 MenuItem 的填充导致滚动出现。

            <Drawer
                docked={false}
                onRequestChange={(drawerOpen) => this.setState({ drawerOpen })}
                open={this.state.drawerOpen}>
                <Menu>
                    <MenuItem
                        containerElement={<Link to="/" />}
                        primaryText="Home"
                    />
                </Menu>
                <BottomMenu>
                    <MenuItem
                        containerElement={<Link to="/asd" />}
                        primaryText="asd"
                    />
                </BottomMenu>
            </Drawer>

Answer 1

我通过关闭菜单元素上的 autoWidth 来修复它

                <Menu
                    autoWidth={false}
                >

参考：http://www.material-ui.com/#/components/menu