Yuvaleros/material-ui-dropzone

Remove button goes out of component and cannot be clicked when you have 3 files in a row.

cjwilliams1444 opened this issue · 0 comments

cjwilliams1444 commented

Bug Report

Describe the bug

When given a file limit of 3 and a component size of as wide as you want the delete button for the third file always floats off the to the side of the component and cannot be clicked.

Steps to reproduce

<DropzoneArea
onChange={(e) => handleFileChange(e)}
filesLimit={3}
showFileNames
initialFiles={receipts}
/>

then upon adding 3rd file in dropzone the delete button for the 3rd file cannot be seen because it is too far to the right and thus is outside the component.

Expected behavior

when adding a 3rd file I should be able to see the delete button and have it be clickable to delete the file

Versions

  • OS: windows 10 pro
  • Browser: chrome
  • @material-ui/core version: 4.11.0
  • material-ui-dropzone version: 3.5.0

Additional context