You can use draggableCancel in the area where you need the click to happen to disable the drag event.

// A CSS selector for tags that will not be draggable.
// For example: draggableCancel:'.MyNonDraggableAreaClassName'
// If you forget the leading . it will not work.
// .react-resizable-handle" is always prepended to this value.
draggableCancel: ?string = '',

@l-bianchi how does it was working with version 14.2 i need both click and drag should work on grid item.. we are displaying menus as tiles and let the user rearrange the items by drag and drop. and also when clicks on the item we navigate to different page. Is there not a way to make both drag & click works on whold grid item as in 1.4.2. thanks

I had an issue similar to yours where my buttons in the draggable item where not clickable because of the drag event and i fixed it by setting the buttons area as draggableCancel. If you need the whole area to be clickable I imagine it to be a bigger issue because you need to discriminate between the drag start and the click. Maybe in the onDragStart event you can implement some custom logic to recognize the click.
If that is not possible I would suggest a rollback to a version where it was working. Good luck!

i have already solved via hacking drag events ondragstart, ondrag and ondragend. since it was working with 1.4.2 i was wondering why the behaviour is changed with new version.

Same here. I roll back to 1.4.2 because I need both (click&drag) in my dashboard widgets.
An option to configure this could be great.

@last-Programmer: can you paste your custom events?