Scheduler demo on syncfusion.com on Firefox Drag n Drop inconsistent - Events created in wrong slot.

[Christoph P]

Hi,

I just tried the demo of
Example of Drag Events From Grid in Blazor Scheduler Component
https://blazor.syncfusion.com/demos/scheduler/grid-to-schedule?theme=bootstrap5

And it has a very inconsistent behavior: sometimes it doesn't add the event to the scheduler when dragging in, most of the time it places it one row too high or even one row and one column. It does seem to work properly on my chrome browser.

I recorded a video to show the problem (not listed): https://youtu.be/QWH7OwxKt2E

I plan on using this component, so a bug here would be annoying, but didn't try it yet on my own project.

tested on Firefox 137.0.2 (64-Bit)

[Ashokkumar Karuppasamy]

Hi Christoph,

Thank you for reaching out us!

The behavior you observed occurs because different browsers, like Firefox, handle mouse coordinate reporting slightly differently during drag-and-drop operations.

To fix this, we recommend using the following:

    public async Task GridDragStop(RowDroppingEventArgs<ScheduleData.ResourceSampleData> args)

    {

        if (args.TargetDimension != null)

        {

            CellClickEventArgs cellData = await ScheduleRef.GetTargetCellAsync((int)args.ClientX, (int)args.ClientY);

            var eventData = args.Data;

            double duration = (args.Data[0].EndTime - args.Data[0].StartTime).TotalHours;

            if (cellData != null)

            {

This approach properly captures and translates the mouse pointer's coordinates, ensuring that the dragged item is placed correctly on the Scheduler grid even in Firefox. The attached sample demonstrates the solution below. Please try the solution.

Sample: Attached as zip;

Please try this suggestion and let us know if you need any further assistance.

Regards,
Ashok

Attachment: BlazorSchedulerWithGridsamples_6f90f036.zip