Javascript 按下时面板中可折叠下拉列表中的选项是否未隐藏？

我想使用

react bootstrap

在面板中创建一些下拉列表。但是，当我单击最后一个下拉列表时，选项被面板隐藏。有没有办法解决这个问题

<Panel eventKey="1">
  <Panel.Heading>
    <Panel.Title toggle>Panel heading 1</Panel.Title>
  </Panel.Heading>
  <Panel.Body collapsible> <DropdownButton
    bsStyle="default"
    title="No caret"
    noCaret
    id="dropdown-no-caret"
  >
    <MenuItem eventKey="1">Action</MenuItem>
    <MenuItem eventKey="2">Another action</MenuItem>
    <MenuItem eventKey="3">Something else here</MenuItem>
    <MenuItem divider />
    <MenuItem eventKey="4">Separated link</MenuItem>
  </DropdownButton>
  </Panel.Body>
</Panel>

小组标题1
行动
另一个动作
还有别的吗
分离环