Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
AHMET AYDIN
50
ignite drag drop prevents inside element click event
posted

Hello everyone,

I have cards with ngFor loop and i re-organize them with igxDrag & igxDrop but anytime I click button or routerLink a element inside of drag div ... (dragClick) event triggers in igxDrag and I can not  handle click event any element in drag div..

does anyone have solution or suggest for this ? 

thank you all. 

Parents
  • 720
    Verified Answer
    Offline posted

    Hello Ahmet,

    Thank you for contacting Infragistics Community!

    I have investigated the described behavior and it seems to be an issue with the igxDragIgnore Directive which I have logged in our GitHub Repository. My suggestion would be to subscribe to this issue in order to get notifications whenever a new information is available. Feel free to add any additional information, or questions that you might have.

    In the meantime I suggest the following workaround:

    • Creating the following stopEventPropagation method:
      1. public stopEventPropagation(event: any): void {
      2. stopPropagation();
      3. }
    • Bind the (click) and (pointerdown) events on the elements, which the user should be able to click, to the stopEventPropagation method.

    I have prepared the following sample for you where I have implemented the suggested workaround.

    Please let me know if you need any further assistance with this matter.

    Thank you for choosing Infragistics components!

    Best Regards,
    Martin Evtimov
    Entry Level Software Developer
    Infragistics, Inc.

Reply Children