[Feature] Customize Animation Duration

[mahnouel]

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe.

We've customized Filepond so the .filepond--file-action-button are not absolute positioned anymore. Since we will only support single file uploads, we're not required to retain the virtual scroller / drag & drop functionality.

But now the animations don't work anymore as intended, we've overwritten them with CSS mostly. But since there appears to be a hardcoded animation duration when states change, the button which is transitioning in and the button which is transitioning out are visible at the same time for a brief moment.

Describe the solution you'd like

Expose the duration of all animations and make them customizable. Even better would be, If we could customize these animations as whole or enable / disable them.

Without further knowledge about the code, it seems like a toggle for the animation mixin could do the trick.

Describe alternatives you've considered

We've tried overwriting the animations with CSS or hiding other buttons with it:

.filepond--file-action-button:not([disabled]) ~ .filepond--file-action-button {
  transform: none !important;
  display: none;
}

We've also tried to use Filepond Plugins and JS Proxys to modify Filepond, but could not achieve any promising results.