The problem is that the bar chart setting changes when resizing the gantt grid

Gantt
#1

Hello.
When you resize the gantt grid, the part where the bar chart is set changes.
Is there a way to solve this problem?
I’m attaching a picture.

↓When it’s normal.

image
image1051×288 10.9 KB

↓After resizing

image
image1517×289 13.6 KB

  1. OnRowResize → Failed
  2. OnBeforeRowResize → Failed
  3. OnBeforeRowResizeEnd → Failed
  4. OnColumnResize → Failed
  5. onColumnResizeEnd → Failed
  6. onColumnResizeStart → Failed
  7. OnGridResize → Failed
  8. OnGridResizeEnd → Failed
  9. OnGridResizeStart → Failed

I’ve used all of the above methods. But they all failed.
If you have any other solution, please let me know.

Please do not provide an option to prevent resizing.
We must use the resize.

Additionally,
Every time I resize, I get several divs. I don’t know why.
↓Photo
image

Thank you.

#2

Hello,
I couldn’t reproduce the issue in the following snippets:
http://snippet.dhtmlx.com/5/3a22adcdd
https://snippet.dhtmlx.com/5/ce45fe596

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 in the following snippet and make sure that the issue is reproduced there:

https://snippet.dhtmlx.com/38ee1b370

Then, click on the Share 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

Here’s a simple reproduction of the code.
Pressing “bar configuration” creates a new bar, and when resizing, the new bar disappears.

http://snippet.dhtmlx.com/5/e91c07e70

#4

Hello,
Thank you for sending the snippet.
Everything works as expected as you only modify the DOM elements. After Gantt repaints the changes, old HTML elements are removed and Gantt generates new ones according to the settings in the addTaskLayer function.
You need to add new style elements or modify the configuration in the addTaskLayer method.

Here are the snippets that demonstrate how it can be done:
http://snippet.dhtmlx.com/5/c6d31f849
http://snippet.dhtmlx.com/5/1643d8034