Drag and Drop Exhibits Vertical Drift

If I drop an item onto a scheduler on my web page, horizontally things line up fine. Vertically, things are fine towards the top of the page, but get progressively worse by the time I’m dropping items towards the bottom of the page, where the target scheduler cell that gets selected is one below where the mouse pointer is. Cells are 16 pixels high, and there are about fifty visible rows on a page.

My initialization code:

[code] createTimelineView = function (jsonResourceListData, jsonAssignmentListData, startDate) {
scheduler.locale.labels.timeline_tab = “Timeline”;
scheduler.locale.labels.section_custom = “Section”;

        scheduler.config.fix_tab_position = false;
        scheduler.config.details_on_create = true;
        scheduler.config.first_hour = 0;
        scheduler.config.last_hour = 24;
        scheduler.config.details_on_dblclick = false; // suppress non-standard details screen until we come up with our own.
        scheduler.config.dblclick_create = false;     // suppress non-standard details screen until we come up with our own.
        scheduler.config.default_date = "%l, %F %j, %Y";

        scheduler.createTimelineView({
            name: "timeline",
            render: "tree",       //view mode (otherwise: bar)
            x_unit: "minute",     //measuring unit of the X-Axis.
            x_date: "%g %A",      //date format of the X-Axis
            x_step: 60,           //X-Axis step in 'x_unit's
            x_start: 6,           //X-Axis offset in 'x_unit's
            x_size: 16,           //X-Axis length specified as the total number of 'x_step's
            x_length: 24,         //number of 'x_step's that will be scrolled at a time
            y_unit: jsonResourceListData,
            folder_dy: 16,        // height of the tree groups
            dy: 15,
            y_property: "assignToId", //mapped data property
            section_autoheight: false
        });[/code]

Hi,

Here is a demo with your code: docs.dhtmlx.com/scheduler/snippet/3c27a2c9
Please specify steps that I should do to reproduce.

Thank you for your prompt response.

I have arrived at a satisfactory solution. By increasing the height of the rows from sixteen to twenty pixels, I have sidestepped the problem. Also, I think the page looks a bit nicer and the larger rows will be easier for users to work with. If you would like to investigate the matter further, I would be happy to provide sample source code.