Rendering problem when adding multiple tasks

francesco72

Hello, I'm having some problems with the react gantt component. I've tried with a simple component wrapped in the Willow theme:
function App() {
return <Willow><Gantt /></Willow>;
}

if I cliick to add a new task multiple time, the first task is correclty rendered, the other tasks are not shown. it is only rendered an empty line, this way:

https://drive.proton.me/urls/01XCR5ZEER#vVXsKi2Zl7Cw

If I move the horizontal scrollbar under the react task grid or activate/deactivate the firebug tools, the tasks are immediately drawn correctly.

Did someone get a problem similar to this?

Thanks in advance,
Francesco

Marta

I checked the same way to init the Gantt and it seems to work for me
Please check
https://stackblitz.com/edit/svar-react-gantt-empty-init?file=src%2FGantt.jsx

Situation like in your case can be caused by repainting the Gantt widget with new dataset, but it must not be case for the above code, anyway, you can try to at least discard this possibility by using initialization like next.

return <Willow><Gantt tasks={[]} /></Willow>;

francesco72

Thank you so much: your working example helped me a lot. I compared my skeleton with yours and found the problem. I was the css: my ide had built the app using create-react-app and I had forgot to remove the wrong app.css. Fixed it and it works like a charm. :)