bug(tdFileDrop): no way to remove .drop-zone flag

[quanterion]

tdFileDrop directive adds .drop-zone class on (dragenter). And I expect .drop-zone class to be removed after user released mouse button and (fileDrop) event emitted. However It doesn't happen and I can't find a way to do it manually.

[emoralesb05]

Hey @quanterion,
Can you provide more info on the example? Since its supposed to remove it on dragleave, although the ripple in the button might affect it since we have a target validation (which we might need to remove because of the ripple background).

[emoralesb05]

oh! nvm, just replicated it haha we never noticed cause we use it inside the td-file-upload component.

Edit: A workaround would be to create a small directive that has this in it

@HostListener('drop', ['$event'])
  onDrop(event: Event): void {
    this._renderer.setElementClass(this._element.nativeElement, 'drop-zone', false);
  }

So it removes the class on drop event.

This will be fixed ASAP though. Thanks for the heads up!