Command column click propagation

[Ján]

Hello,

we use Kendo UI for Angular 2 grid with command column. There is however a strange behavior our Command column has two two buttons in it (one with directive kendoGridEditCommand and other with kendoGridRemoveCommand) to trigger edit/delete action. that works fine. in additon thtose buttons also have kendoButton directive on them so we can style them easily - set icon and make them baer, so the button in command column in the end looks like this

<button *ngIf="!hideEditButton"kendoGridEditCommand kendoButton [bare]="true" [primary]="true" [icon]="'edit'" title="Edit"></button>

the grid has also selection enabled.

the problem is that clicking on the button also selects/deselects the row, it looks like the click is propagated out of the button to the row and there is no way of overriding this as this is under kendo control.. it even seems that not the whole button has this bug, but only if icon is clicked it is propagated

[Dimiter Topalov]

Hello Ján,

Thank you for bringing this issue to our attention. We had a similar one and fixed it a while ago:

https://github.com/telerik/kendo-angular/issues/322

... but obviously the scenario involving a Kendo button and icons was not considered. I will either reopen the old issue or open a new one, and you can expect a fix in one of the upcoming Grid package versions.

Meanwhile you can use the following CSS workaround disabling pointer-events over the icon:

>>> .k-button.k-button-icontext .k-icon {
      pointer-events: none;
    }

http://plnkr.co/edit/8Ul37aJhNNsObkx0tygI?p=preview

I hope this helps, I and I am sorry for any inconvenience caused. I have also updated your Telerik points for helping us improve the quality of our product.

Regards,
Dimiter Topalov
Progress Telerik