Javascript 侧边栏内的语义UI React下拉列表打开，超出可视范围

我正在使用语义UI React为我的web应用创建一个移动友好的侧边栏。我有一个下拉里面的侧边栏，我想打开很像。当前，下拉列表向右打开，但不是显示在内容上，而是显示在其他侧边栏内容的右侧，如下所示：

下面是侧边栏的代码：

<Sidebar
    as={Menu}
    animation='push'
    inverted
    onHide={this.handleSidebarHide}
    vertical
    visible={sidebarOpened}
    style={{"overflow": "visible"}}
>
    <Menu.Item
        onClick={this.handleToggle}
        exact
        as={NavLink}
        to="/home"
        name='home'
    />
    <ClassesDropdown />
    <Menu.Item
        onClick={this.handleToggle}
        as={NavLink}
        to="/profile"
        name='my profile'
    />
    <Menu.Item
        onClick={this.handleToggle}
        as={NavLink}
        to="/leaderboard"
        name='leaderboard'
    />
    <Menu.Item
        onClick={this.handleToggle}
        as={NavLink}
        to="/search"
        name='search'
    />
</Sidebar>

ClassesDropdown组件呈现的内容：

<Dropdown item text={"Classes"} direction="down" simple>
    <Dropdown.Menu>
         <Dropdown.Item as={NavLink} exact to={`/feed/`} key={0}>
            All Classes
         </Dropdown.Item>
         <Dropdown.Item as={NavLink} exact to={`/feed/2`} key={1}>
             "AP Human Geography"
         </Dropdown.Item>
         <Dropdown.Item as={NavLink} exact to={`/feed/1`} key={2}>
             "Algebra 2/Trig C"
         </Dropdown.Item>
    </Dropdown.Menu>
</Dropdown>

所有班级
“AP人文地理”
“代数2/三角C”

---

正如上面链接的提琴中所建议的，我尝试添加

style={{“overflow”：“visible”}

，但我得到了相同的结果。

当我遇到下拉列表无法定位的问题时，我通常只使用一个弹出窗口，虽然这不是没有它自己的问题，你必须通过工作。我使用了弹出窗口，它工作得很好-谢谢你当我有问题，下拉列表没有定位我想要的，我通常只使用一个弹出窗口，虽然这不是没有它自己的问题，你必须通过工作。我使用了弹出窗口，它工作得很好-谢谢你