Add dialog window sliding when text is selected and dragged

Question

If you open the "Add Task" window, ensuring the dialog has > 1 tab.

If you select text and move your mouse cursor, it will slide between tabs.

It appears as though this is a mobile like feature for swipe ?

Can you provide an example on how we can disable this and please consider fixing this as a bug.

Monisha Sivanthilingam · Accepted Answer

Hi Samantha, 
 
Thank you for sharing the video replicating the issue. 
 
We were able to replicate the issue you reported. We have made use of the openAddDialog requestType in actionComplete event and the selecting event in tab component to prevent tab selection on swipe action. The following code snippets demonstrate the solution. 
 
App.vue 




actionComplete: function (args) { 
        if (args.requestType === "openAddDialog") { 
          var tab = document.getElementById("gantt_Tab").ej2_instances[0]; 
          tab.selecting = "select"; 
        } 
      }, 
      select: function (e) { 
        if (e.isSwiped) { 
          e.cancel = true; 
        } 
      }, 
 
We have also prepared a sample for your reference. 
 
Please contact us if you require any further assistance. 
 
Regards, 
Monisha.

Pooja Priya Krishna Moorthy · Answer

Hi Samantha, 
We are unable to replicate the reported problem. We tried to select the text and moved the mouse cursor. But the tabs are not switched.  
It will be very helpful, if you share us demo video to demonstrate your issue, for better understanding. 
 
Regards, 
Pooja K.

Sean · Answer

The example video is attached, password is the same as the email address associated with our SF account.Attachment: Example_touch_e3963653.zip