Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.12k stars 4.94k forks source link

When Select is in Modal clicking on option which is outside of the modal closes modal #6425

Open tygas opened 6 years ago

tygas commented 6 years ago

version: semantic-ui-react@0.81.1

Screenshot: https://i.snag.gy/5VpelN.jpg

import { ContactFilterForm } from '../Form';
const ContactFilterModalContent = ({ open, closeModal }) => (
  <Modal
    open={open}
    onClose={() => closeModal()}
    className="contact-modal lg"
  >
    <Modal.Content>
      <ContactFilterForm />
    </Modal.Content>
  </Modal>
);
import { Select, Modal } from 'semantic-ui-react';
<Modal
  <Select
          options={options}
          onChange={(ev, data) => {
              ev.stopPropagation;   // COULD NOT USE event here
          }}

        />
y0hami commented 6 years ago

Can you create a JSFiddle to replicate the issue?