Discussed in #17397
Description
The above behavior might be caused by the following:
The igxDrag directive allows dragging via right-click. The directive is also used for the IgxChip and the grid's row-dragging feature. This leads to the chip being selected on right-click and the grid rows being reordered/dragged on right-click. At the end of each action, the default browser context menu is displayed.
For comparison, the web components chip does not allow right-click actions. https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/chip#web-components-chip-example
Ignite UI Angular version
master (22.1.x), 22.0.x, 21.2.x
Steps to reproduce
- Open any of the below samples
- Perform the normal drag/click action, but with right-click.
Expected behavior
The igxDrag, igxChip, and the grid row drag feature should not allow drag/click actions or fire events on right-click.
Attachments
In the demos below, the first action (yellow circle) is done with left-click while the second action (red circle) is done with right-click.
Drag https://www.infragistics.com/products/ignite-ui-angular/angular/components/drag-drop#angular-drag-and-drop-example
Chip https://www.infragistics.com/products/ignite-ui-angular/angular/components/chip#angular-chip-example
Grid Row Reorder/Drag https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/row-drag#angular-grid-row-drag-example
Discussed in #17397
Originally posted by pmoleri July 7, 2026
IgxChipComponent.chipClickevent fires on right click and it also triggers selection.You can try it in the docs page: https://www.infragistics.com/products/ignite-ui-angular/angular/components/chip.
Description
The above behavior might be caused by the following:
The
igxDragdirective allows dragging via right-click. The directive is also used for theIgxChipand the grid's row-dragging feature. This leads to the chip being selected on right-click and the grid rows being reordered/dragged on right-click. At the end of each action, the default browser context menu is displayed.For comparison, the web components chip does not allow right-click actions. https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/chip#web-components-chip-example
Ignite UI Angular version
master (22.1.x), 22.0.x, 21.2.x
Steps to reproduce
Expected behavior
The
igxDrag,igxChip, and the grid row drag feature should not allow drag/click actions or fire events on right-click.Attachments
In the demos below, the first action (yellow circle) is done with left-click while the second action (red circle) is done with right-click.
Drag https://www.infragistics.com/products/ignite-ui-angular/angular/components/drag-drop#angular-drag-and-drop-example
Chip https://www.infragistics.com/products/ignite-ui-angular/angular/components/chip#angular-chip-example
Grid Row Reorder/Drag https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/row-drag#angular-grid-row-drag-example
