Modal with backdrop disappears unexpectedly

Topic: Modal with backdrop disappears unexpectedly

musme asked 5 years ago

Expected behavior

Modal should not be closed if the click is initiated on the modal and then mouse pointer goes away from modal and the click ended on the backdrop

Actual behavior

The modal is being closed if mousedown has occurred on the modal and mouseUp has occurred on the backdrop

Resources (screenshots, code snippets etc.)

video: http://somup.com/cq1qQ0nLmI

I would kindly ask you to consider the folowing solution:to change onClick into onMouseDown in you code. The fragment is bellow.

Modal.js // Line 148

     <Transition
      timeout={timeout}
      in={this.state.isOpen}
      appear={this.state.isOpen}
      mountOnEnter
      unmountOnExit
      onClick={this.handleBackdropClick} // <---------------
      onEntered={node => this.handleOnEntered('modal', node)}
      onExit={node => this.handleOnExit('modal', node)}
    >

Add comment

Aliaksandr Andrasiuk staff answered 5 years ago