#5810·bootstrap

Modal dialog closes when mouse button is pressed over the dialog window but released outside the window

Author: maxkoretskyiCreated Apr 15, 2016Updated Apr 24, 2019
Labelstype: enhancementcomponent: modalseverity: inconvenient

Bug description:

STR:

  1. Hover over the modal dialog
  2. Press left mouse button down
  3. Move mouse outside the modal window
  4. Release the button

ER: Modal dialog is closed

AR: Modal dialog should not be closed since click actually occurred on the dialog. Closing of the dialog especially annoying when selecting a text on the dialog and accidentally move the mouse outside of the dialog. video.zip

Clarification: This is clearly a bug. I want a dialog to close on backdrop click (so I don't want to use static), but I don't want it to close when click is initiated on a dialog (for example, during text selection as shown in the attached video).

There is a simple fix for that issue and I have created a pull request. video.zip

Link to minimally-working plunker that reproduces the issue:

http://angular-ui.github.io/bootstrap/ section Modal (ui.bootstrap.modal) -> click on the Open me button

Version of Angular, UIBS, and Bootstrap

Angular 1.5.3

UIBS: 1.3.2

Bootstrap: 3.3.6