New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upload.Dragger doesn't catch file drop on whole area #11869

jakubknejzlik opened this Issue Aug 24, 2018 · 0 comments


None yet
2 participants

jakubknejzlik commented Aug 24, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.




macos 10.13.6 (17G65), chrome Version 68.0.3440.106 (Official Build) (64-bit)

Reproduction link

Edit on CodeSandbox

Steps to reproduce

It's observable on any Upload.Dragger component (each dragger has padding defined for upload wrapper (16px)). The minimal reproduction link shows the extreme version of it by updating the padding to 50px.

What is expected?

Upload.Dragger should handle file drop on whole area.

What is actually happening?

Padding on class .ant-upload.ant-upload-drag ("16px 0") is causing the 16px from bottom/top are not handled as file drop (by default browser usually just displays the file).

This gap could be:

  1. removed by setting padding to zero
  2. move the padding to .ant-upload-drag-container which can be observed here:
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment