Bug: Single clicks are stopped

btxtiger commented 4 years ago

I would like to use a fullscreen drop overlay. Therefor I created a dropzone and added style. However it is not possible anymore to click underlaying elements. $event.stopPropagation should not be used for click events.

<ngx-file-drop class="full-drop" [useDragEnter]="true"
                  (onFileDrop)="dropped($event)"
                  (onFileOver)="fileOver($event)" (onFileLeave)="fileLeave($event)">
   <ng-template ngx-file-drop-content-tmp let-openFileSelector="openFileSelector">
   </ng-template>
</ngx-file-drop>

::ng-deep .full-drop {
   .ngx-file-drop__drop-zone {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      z-index: 999;
      opacity: 0.5;

      &--over {
         opacity: 1;
      }
   }
}

Akkora commented 3 years ago

Have you tried it with pointer-events: none?

Nikita-schetko commented 11 months ago

Bump! Guys is there is a working example, of using ngx-file-drop full screen as a background without issue with clicking ?

juanbalastegui commented 8 months ago

Same issue here. Any solution?

georgipeltekov / ngx-file-drop

Bug: Single clicks are stopped #200