javascript - 当我单击图标时，语义 UI 会在下拉菜单中对下拉菜单做出反应，并关闭搜索

Question

当我单击下拉angle down图标时，它不会打开下拉列表，而是关闭父下拉列表。

有什么想法可以防止它吗？

在线演示：https ://codesandbox.io/s/semantic-ui-react-wyy9b

<Dropdown trigger={trigger} pointing="top right " icon={null}>
  <Dropdown.Menu>
    <Menu>
      <Items>Current Sytem Id : {"xyz"}</Items>
      <Items>Region : UK</Items>
      <Items>Environment :Prod - Design</Items>
      <Items>
        <Dropdown
          selectOnBlur={false}
          placeholder="Select"
          fluid
          search
          selection
          pointing="right"
          options={timeZoneOptions}
        />
      </Items>
    </Menu>
  </Dropdown.Menu>
</Dropdown>

标签： javascripthtmlreactjsdrop-down-menusemantic-ui-react