Task rendering issues

Michael164881

Whenever I add a new task to the Gantt chart, the bottom-most task disappears. It only shows up again if I scroll horizontally or double-click another task. It may related to "wx-react-gantt/dist/gantt.css" file. I had tried using the codes provided on the documentation precisely but the issues still persists.

tasha

Hello Michael164881

You need to set the height to 100% to the body and #root (App.css file in the example):

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
#root {
  overflow: hidden;
  height: 100%;
}

Also it can happen if you for example wrap your Gantt component into div tag. In that case you also need to set the height of that div to 100%.(div with demo-rows class in the example).

Please check the example: https://stackblitz.com/edit/vitejs-vite-g11wvtu7?file=src%2FGanttComponent.jsx,src%2FApp.css,src%2Findex.css