ignite drag drop prevents inside element click event

State See Verified Answer
Replies 3 replies
Subscribers 7 subscribers
Views 1371829 views
Users 0 members are here

ignite drag drop prevents inside element click event

AHMET AYDIN posted over 4 years ago

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.

Top Replies

720

Offline Martin Evtimov posted over 4 years ago +1 verified
Hello Ahmet, Thank you for contacting Infragistics Community! I have investigated the described behavior and it seems to be an issue with the igxDragIgnore...view reply »

720

Offline Martin Evtimov posted over 4 years ago in reply to AHMET AYDIN

Hello Ahmet,

I am glad that you find my suggestion helpful.

Hopefully you subscribed to the GitHub issue to be up to date with its status.

Thank you for using Infragistics componnets.

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

Cancel
50

Offline AHMET AYDIN posted over 4 years ago in reply to Martin Evtimov

Hello Martin,

Thanks for answer and suggest. Your feature is really good i looked it up and watch github issue :)

Your stopEventPropagation method suggestion is cool I will use it thanks.

My other solution is igxDragHandle directive. (but just for now ignite have to create new feature just like angular material drag-drop component)

I divided div with top & bottom and actions buttons inside of bottom div so I added igxDragHandle directive to top div.

Anyway your igxDragIgnore directive suggestion has to come quickly :)

Thank you & stay safe.
Cancel
Reply

Cancel
720

Verified Answer
Offline Martin Evtimov posted over 4 years ago
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:

public stopEventPropagation(event: any): void {

stopPropagation();

}

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.
Cancel
Reply

Reject Answer

Cancel