Skip to content

Asset browser flyout: dropping files of the bottom the listing area opens image in new tab instead of uploading #14536

@SUXUMI

Description

@SUXUMI

Bug description

When the asset browser flyout is open, file drops only register when they land directly on the inner listing/grid area or on top of it. If the user drops on the padding/gutter area inside the flyout or on the bottom side, the browser's default handler fires and opens the dragged file as a new tab, leaving the flyout stuck in the "Drop File to Upload" hover state.

How to reproduce

  1. Open a Statamic v6 CP entry with an assets field
  2. Click the asset field to open the asset browser flyout.
  3. Drag an image file from your OS file manager toward the flyout.
  4. Drop it at the bottom of the modal.
  5. Image opens in a new browser tab. The flyout remains open with the "Drop File to Upload" overlay stuck visible until dismissed. But the cursor still works on the gallery elements despite the overlay.
Screen.Recording.2026-04-22.at.17.15.20.mov

Logs

Environment

- Statamic: 6.14.0 (reproducible on demo.statamic.com)
- Laravel: 12.x
- PHP: 8.4
- Browser: Brave

Installation

Existing Laravel app

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions