[REACT] GANTT: can't delete dependencies when upgrading to 5.6.6

[clovisapp]

Hi Bryntum team, we just upgraded to 5.6.6, but now we can't delete the dependencies (cf video bellow).

• Creation of dependencies with drag and drop works well
• Nothing happens when hovering the created dependency "link"
• No event is sent for "onDependencyDblClick", "dependencyMouseOut" and "dependencyMouseOver"

What are we missing with the upgrade ? How can we fix that ?

ezgif-3-828dbde1be.gif (579.82 KiB) Viewed 318 times

[clovisapp]

Here is also the Gantt Props:

[ghulam.ghous]

Hi there,

We are unable to reproduce this issue. Not sure what has been went wrong in 5.6.6 but you can check our changelog and can upgrade to the latest version to get rid of this error. Here's the changelog for 5.6.6 https://bryntum.com/products/gantt/docs/guide/Gantt/changelog#5-6-6-2024-01-31.

[clovisapp]

@ghulam do you have any other idea where this issue can come from ?

[ghulam.ghous]

Not really, I am not able to find anything. Is there any reason, you are not upgrading to the latest version?

[clovisapp]

We upgraded to the last version, that's just the last thing we need to solve to see dependencies working.

Do you have nay idea why i even don't have the "dependencyMouseOver" log ? Maybe it's about css / html layers ?

Thanks for your help

[ghulam.ghous]

Hi there,

I have installed the version 5.6.6 and checked for the issues you have mentioned and was unable to reproduce this in our advanced demo in react/javascript. I have used the following code in the config file:

    onDependencyMouseOver(data) {
      console.log(data.eventName);
    },
    onDependencyMouseOut(data) {
      console.log(data.eventName);
    },
    onDependencyDblClick(data) {
      console.log(data.eventName);
    },

Clip: https://drive.google.com/drive/folders/1GbhB8qWgZuya5g41bEMUQaQMgG7vfi_U?usp=sharing

So probably there is something wrong with your implementation. Can you please check? I am attaching the demo project below:

advanced.zip

(3.9 MiB) Downloaded 10 times

Regards,
Ghous
Ghous

[clovisapp]

@ghulam

The problems comes from "ScrollButtons", when enabled the dependencies cannot be hovered an deleted.

How can we fix that ?

[clovisapp]

We fixed the "ScrollButtons" overlapping the "dependencies" with css:

.b-scrollbuttons .b-timeaxissubgrid .b-grid-row, .b-scrollbuttons .b-timeaxissubgrid .b-grid-cell {
  z-index: 1; // replaced from z-index: 2
}

Will passing z-index from "2" to "1" can affect other behaviors ?

I guess you missed writing some test when "ScrollButtons" are enabled

[clovisapp]

If you a performing a fix for this, can you please also include the option to "hide" the label next to the scroll arrow when the event bar is visible ?

I think the "b-task-visible" class should be added on the container "b-scroll-buttons-content" and not only on "b-scroll-button"

Thanks a lot for the fixes !