Browser: Google Chrome 75.0.3770.100
OS: MS Windows 10.0.17134 Build 17134
Steps
- Open preview image modal.
- Add image (by pasting or dragging, shouldn’t matter).
- Zoom in (for visual feedback, though it shouldn’t matter).
- Start dragging the preview.
- End the dragging outside of the modal.
Expected behavior
Drag ends, modal stays open.
Actual behavior
Modal closes without warning, discarding all changes.
Background
The modal closes when a mouse interaction happens outside of the modal area. Apparently this behavior is bound to mouseup instead of click.
Recommendation: Don’t close modal on outside mouse events. There are already two ways to close the modal (x in the top right and cancel button). Imo discarding the dialog through outside clicks might make sense for notifications, but not for action/option modals.