RTF editor inside panel is causing panel to move when trying to select test

I have a RTF editor inside of a display layout panel.  When trying to use the mouse to highlight anything in the editor, this cause the panel to want to move.   Is there a way to pree


3 Replies 1 reply marked as answer

VM Vishwanathan Muruganantham Syncfusion Team January 6, 2025 09:46 AM UTC

Hi Terry,


Greetings from Syncfusion support.


We have reviewed your query and understand that the panel starts dragging while selecting text in the RTE. We suggest setting the allowDragging property to false or canceling the dragStart event if the target is the RTE component. This will prevent the panel from being dragged while selecting text inside the dashboard panel.


Refer to the code snippet below for reference.


[solution 1]

….

  var dashboard = new ej.layouts.DashboardLayout({

        cellSpacing: [10, 10],

        columns: 2,

        allowResizing: true,

        allowDragging: false

    });


[solution 2]

….

 

    var dashboard = new ej.layouts.DashboardLayout({

        cellSpacing: [10, 10],

        columns: 2,

        allowResizing: true,

        dragStart:(args)=>{

            if(args.event.target.closest("#defaultRTE")){

                args.cancel =true;

            }

        }

    });


Sample 1: https://stackblitz.com/edit/fvmoaxfq-ccvsrsff?file=index.js


Sample 2: https://stackblitz.com/edit/fvmoaxfq-gtmiuqdx?file=index.js


Please check the sample and let us know if you need any further assistance.


Best Regards,
Vishwanathan


Marked as answer

TL Terry Lease January 6, 2025 01:04 PM UTC

Thank you!



KG Kalpana Ganesan Syncfusion Team January 7, 2025 04:27 AM UTC

Hi Terry,


You are welcome. Please get back to us for further assistance.


Regards,

Kalpana.


Loader.
Up arrow icon