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>
);
};