[BUG] Product listing image drop-zone is not clickable across full drag-and-drop area

[nayan9617]

Description

In the Add New Product Listing modal, the drag-and-drop image area is visually presented as a clickable upload target, but clicking many parts of that box does not open the file picker.
At the moment, users often have to click the Upload Images button specifically, which makes the drag/drop box feel broken and inconsistent.

Current Behavior

-In the product listing modal, the dashed “Drag & Drop Images Here” area does not reliably open the file picker when clicked.
-Though clicking the dedicated Upload Images button works.
-This creates UX inconsistency between the drop-zone affordance and actual interaction.

Expected Behavior

-Clicking anywhere inside the drag-and-drop image box should trigger the same file picker flow as the Upload Images button.
-Drag-and-drop should continue working as usual.
-Upload behaviour should be consistent and predictable from all intended click targets in the drop area.

Steps to Reproduce

1. Go to My Listings.
2. Click to add a new product listing (open Add New Product Listing modal).
3. In the image section, click inside the dashed Drag & Drop Images Here box (icon/text/empty area).
4. Observe that file picker does not always open.
5. Click Upload Images button and observe that file picker opens.

Next.js Version

16.1.7

Operating System

macOS

Node.js Version

v24.7.0

Browser

Chrome

Screenshots

before -->

Screen.Recording.2026-04-06.at.8.37.18.PM.mov

after -->

Screen.Recording.2026-04-06.at.9.10.48.PM.mov

Additional Context

1. This is a UX bug, not a new feature request.
2. The project contribution guide recommends clear reproduction steps and environment details; this issue includes both.
3. Fix direction (already validated locally): ensure drop-zone click path triggers the hidden file input in the same way as the Upload button, while preserving drag/drop behaviour.
4. Relevant component: file-uploader.tsx
5. Related usage context: product-form.tsx

Code of Conduct

• I agree to follow this project's Code of Conduct