🐞 - Drag-and-drop functionality for input files not working on Firefox

[phanhung1309]

Reproduction url

https://stackblitz.com/edit/angular-bonkib?file=src%2Fapp%2Fapp.component.ts

Description

The input-files component does not support drag-and-drop functionality when used on the Firefox browser. While this feature works as expected on other browsers like Chrome, attempting to drag and drop a file on Firefox results in no action.

Steps to reproduce:

1. Open the input-files component example in Firefox.
2. Try dragging a file to the input area.
3. Observe that no files are accepted, and the drag-and-drop event is not triggered.

Firefox:

Chrome:

Taiga UI version

4.16.0

Browser Used

Firefox

OS Used

Windows

[hakimio]

It works correctly for me with Firefox v132 and Windows 10. Do you have some extensions or some custom configuration which might be interfering with it?

[phanhung1309]

I am using Windows 11 and Firefox version 132.0.2.
I can still drag and drop files from the Windows file selection window, but if I click to open the dialog box to drag and drop, it doesn't work.
https://github.com/user-attachments/assets/aeb304ed-c2ab-4dc9-b8fc-bce14978bbd4

[hakimio]

You should update the reproduction steps since normal dnd works fine in Firefox, just the strange use-case of dragging from the file selection dialog doesn't work. Might as well be a Firefox issue.

[waterplea]

This is how Firefox and input files work, you can reproduce it with vanilla input:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file