ElemeFE / ElemeFE/element

[Feature Request] Clicking and dragging cause the parent element to be ` event.target ` when using ` click.self ` on mask to close dialog/drawer

Open
#20,959 3 comments 1 reaction 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Existing Component

### Component Name
Dialog/Drawer

### Description
The Drawer/Dialog component use `@click.self="handleWrapperClick"` to close it self now.

When someone click on the Drawer body, but dragging the cursor to the mask, It will still try to close the drawer.

This would be common when there is a InputBox in the drawer, and the user who want to select text in InputBox but dragging the cursor outside the drawer body accidentally.

![Apr-23-2021 15-11-24](https://user-images.githubusercontent.com/17734694/115833164-4d828f00-a446-11eb-8050-b8b2db6603ac.gif)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.