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

Closed
jakubknejzlik opened this Issue Aug 24, 2018 · 0 comments

Comments

Projects
None yet
2 participants
@jakubknejzlik

jakubknejzlik commented Aug 24, 2018

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

Version

3.8.2

Environment

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: https://codesandbox.io/s/5x9wkk9ljk
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment