When the duration is 1 day and I drag it to the left or to the right the duration becomes 3

Gantt
#1

Hello，
resize
When the duration is 1 day and I drag it to the left or to the right the duration becomes 3

But the official example does not have this problem. Can you help me to see what the reason is？
Here is my code snippet

my config:
gantt.config.duration_unit = ‘hour’

var dayFormatter = gantt.ext.formatters.durationFormatter({
enter: “day”,
store: “hour”,
format: “day”,
hoursPerDay: 8,
hoursPerWeek: 40,
daysPerMonth: 30,
short: false
});
if (col.name === ‘duration’) {
col = {
…col,
width: 80,
template: durationTemplate
}
}
let durationTemplate = function (task: any) {
return <div class=target-duration-${task.uid} style="width:100%;height:100%" id=${task.uid} data-edit="edit" data-uid=${task.uid} data-field='duration' task-type=${task.type}>${ (dayFormatter.format(task.duration)).split(' ')[0] }</div>}

#2

Hello Menglin,
This is not the full configuration as at least you are using the skip_off_time and work_time configs. And you may have other related things.
Probably, the issue is related to the Gantt configuration, but it is hard to suggest what might be wrong as I don’t see your code.
Please add your configuration to the following snippet and make sure that the issue is reproduced there:

Then, click on the Save button and send me the link.
Or send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.

#3

Hello,

Is there a method for I can tell how far the mouse is moving when drag_resize triggers?

When onBeforeTaskDrag is executed, is there a way to know how far my mouse has slid?

#4

Hello,

Is there a method for I can tell how far the mouse is moving when drag_resize triggers?

When onBeforeTaskDrag is executed, is there a way to know how far my mouse has slid?

#5

Hello Menglin,

Is there a method for I can tell how far the mouse is moving when drag_resize triggers?

No, there is no built-in method for that. You need to implement a custom solution by using the Gantt API and Javascript.
There is the onMouseMove event handler, but it fires only when you move the mouse:
https://docs.dhtmlx.com/gantt/api__gantt_onmousemove_event.html

Or you can attach mouse events from the window object.

When onBeforeTaskDrag is executed, is there a way to know how far my mouse has slid?

The event fires before you start dragging or resizing a task. There is the event argument, but it only has the initial mouse position:

1822×946 173 KB

If you want to get some information regarding the position inside the Gantt container, you can save the initial position in the onBeforeTaskDrag event handler, then check the position and compare the difference in the onTaskDrag event handler:
https://docs.dhtmlx.com/gantt/api__gantt_ontaskdrag_event.html

Here is an example of how it can be implemented:
https://snippet.dhtmlx.com/gp9c177q

Also, there is no need to duplicate the questions. It doesn’t affect the response time.
If you want to receive the answer sooner, you can submit a support request via email. You can find the support email in the letter with the license.

#6

Thank you,
I’ve find out why

Because I set this configuration

gantt.config.min_duration = 1000 * 60 * 60 * 24
and
gantt.config.duration_unit = ‘hour’

These two configurations cause this problem

haha

I shouldn’t set the min_duration = 1000 * 60 * 60 * 24 when duration unit = ‘hour’