🐞 - File input "drag over" stops working when zone.js eventCoalescing is enabled

[hakimio]

Playground Link

No response

Description

• Enable zone.js enventCoalescing:
  Standalone apps:

export const appConfig: ApplicationConfig = {
  providers: [
    provideZoneChangeDetection({
      eventCoalescing: true
    })
  ]
};

NgModule based apps:

platformBrowserDynamic()
  .bootstrapModule(AppModule, { ngZoneEventCoalescing: true })
  .catch(err => console.error(err));

• Try to drag files over Taiga file input.
• The file input style doesn't change

Angular folks say it's not an issue on their end: angular/angular#54856
Can be reproduced on Chrome, but not on Firefox.

Angular version

17.3.0

Taiga UI version

3.70.0

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android

[waterplea]

Looks like we can be storing dataTransfer.files instead of the entire DataTransfer object. Should be an easy fix, would you like to contribute a PR? For both v3.x and main, file structure has changed a bit.

[hakimio]

Ok, I can try to fix this.

[hakimio]

v4 seems uneffected by the bug:

taiga-ui/projects/kit/components/files/input-files/input-files.component.ts

Line 48 in 7d00e9e

protected files?: FileList | null;

I have opened a PR for v3: #7031