No tap response when tapping ag-grid data row contents on a vue-js-modal

[citrussilver]

Problem:

Cannot tap on ag-grid data row contents

Version:

@ag-grid-community/vue @ag-grid-community

Example & screenshots:

Screen record (Google Drive) https://drive.google.com/file/d/19aCagHDv6dHojc8etBtIlzL_7_QQnypH/view?usp=sharing

Description: When testing on chrome devtools using any mobile or any tablet device, it seems touch events on vue-js-modal have issues. We put @touchstart listener events for buttons to make the buttons work on touch events It seems, this only happens when using vue-js-modal. All regular .vue page on mobile or tablet device click events when tapping buttons are working. This was also tested on iPad Air2 9.7inch display

I have checked stackoverflow for solutions and 100% sure that this issue is not not related to my code. Yes. We already exhausted searching related topics on on stackoverflow

[citrussilver]

Hello guys, we found out a solution and it would be a good future reference for other developers.

Solution (Vue.js) function_foo() { this.$modal.show(function_foo,{ init_value: '', modal : this.$modal }, { name: 'modal-functionn_foo', width : '75%', height : '600px', draggable: false, // set to false }) }, When calling the modal pop-up, simply set the draggable to false