Our state of the art Gantt chart


Post by pawel »

With drag and drop enabled, if there is significant amount of content above Gantt, dropping task on last position won't work. Highlighted place to drop will jump to the very top.

Here is the video showing this problem
https://www.loom.com/share/e82bb2a548be4a66992cb4ab13c45905

To reproduce, simply do two things. Use your demo, I put it in react/typescript/basic

App.scss

html, body {
  overflow: visible;
}

// not essential, but makes testing easier
#b-gantt-1 {
  height: 500px;
}

Replace App with this. It just changes Fragment into "DIV" and adds <div style={{ height: "100vh" }} /> above gantt.

const App: FunctionComponent = () => {
  return (
    <div>
      <div style={{ height: "100vh" }} />
      {/* BryntumDemoHeader component is used for Bryntum example styling only and can be removed */}
      <BryntumDemoHeader children={<BryntumThemeCombo />} />
      <BryntumGantt {...ganttConfig} />
    </div>
  );
};

Post by pawel »

I just found that this problem was reported in May here - https://github.com/bryntum/support/issues/4586
But it assumed the problem happens only in online demo


Post by tasnim »

I tried to reproduce it with our latest version 5.2.9 the way you described, But I'm not able to reproduce it. What version are you using?

If you're using the same version to reproduce this. Could you please upload a runnable test case so we could debug it?

Please check the gif below for how I tried to repro this

chrome_CWMIUsn4d9.gif
chrome_CWMIUsn4d9.gif (470.13 KiB) Viewed 178 times

Or Am I doing something wrong to reproduce this?


Post by pawel »

If you have very large screen, maybe you need more content above the Gantt. You could change 100vh to something like 3000px.

I just downloaded fresh trial with newest version - v5.2.9
https://www.loom.com/share/86e4869d4edc4fcca6a25c337ba3c1b2

Problem still exists. I've added basic demo. And it also exists on your own landing page - https://bryntum.com/products/gantt/

Attachments
basic.zip
(2.03 MiB) Downloaded 17 times

Post by mats »

Issue is still not fixed but we hope to resolve it shortly!


Post by pawel »

Hey mats!

I've discovered another bug that might have the very same reason as the one I've reported before. In ResourceUtilization, position of tooltip is messed up if there is some content above and below container with Bryntum.

Screenshot 2023-02-13 at 17.32.58.jpg
Screenshot 2023-02-13 at 17.32.58.jpg (269.14 KiB) Viewed 134 times

Post by marcio »

Hey pawel,

Thanks for the report, I created a ticket to investigate if the cause it's the same and fix it if applicable. https://github.com/bryntum/support/issues/6165

Best regards,
Márcio


Post Reply