Раскрывающийся список не закрывается, когда элемент вызывает модальный режим и использует кнопку закрытия - PullRequest
Новая
       24

Раскрывающийся список не закрывается, когда элемент вызывает модальный режим и использует кнопку закрытия

1 голос
/ 01 июля 2019

Я создал Dropdown.Item, который при нажатии запускает модальное. Если я закрываю модальное окно, нажимая значок закрытия модального окна, оно исчезает, а за ним все еще остается раскрывающийся список. Если я закрываю модальное окно, щелкая за пределами модального окна, оба закрываются. Я хотел бы, чтобы раскрывающийся список был закрыт в обоих случаях.

Это код, который я создал в семантической песочнице, воссоздающий проблему 

import React from 'react'
import { Dropdown, Modal, Button, Icon, Header } from 'semantic-ui-react'

const DropdownExampleDropdown = () => (
  <Dropdown text='File'>
    <Dropdown.Menu>
      <ModalExampleCloseIcon />
      <Dropdown.Item text='Open...' description='ctrl + o' />
    </Dropdown.Menu>
  </Dropdown>
)

const ModalExampleCloseIcon = () => (
  <Modal trigger={<Dropdown.Item text='Details' />} closeIcon>
    <Header icon='archive' content='Archive Old Messages' />
    <Modal.Content>
      <p>
        Your inbox is getting full, would you like us to enable automatic archiving of old messages?
      </p>
    </Modal.Content>
    <Modal.Actions>
      <Button color='red'>
        <Icon name='remove' /> No
      </Button>
      <Button color='green'>
        <Icon name='checkmark' /> Yes
      </Button>
    </Modal.Actions>
  </Modal>
)

export default DropdownExampleDropdown

Если щелкнуть раскрывающийся список «Файл», а затем «Сведения», появится модальное окно. Нажатие на X в модальном режиме закрывает модальное окно, но параметры раскрывающегося списка «Детали» и «Открыть ...» по-прежнему видны. Если вы нажмете кнопку «Подробности», а затем щелкните за пределами модального режима, модальный режим исчезнет, ​​а раскрывающийся список закроется. Вы видите раскрывающийся список «Файл» в том виде, в котором он был изначально, что я и хотел бы видеть в обоих случаях.

...