Gantt sizing to parent bootstrap div.

Gantt
#1

Hello,

This is probably a very easy question. I’m placing my gantt chart inside of a bootstrap container but when the page loads, the overflow is not hidden and there are no scroll bars on the gantt chart. Instead, the window scrolls past the container div.

If I reload the page with the inspector open, it will be the correct size most of the time. If I reload it without the inspector, it will overflow over the container content.

How can I make sure the gantt chart is correctly calculating the width of the parent container before initializing?

Notes:
I’m using angularJs. If I change the displayed page, and then go back, it will calculate the width correctly but scroll bars won’t appear. While the application fetches the data, the div and the parent div are hidden. If the parent div and the chart are hidden, can it correctly calculate the width of the page?

#2

Current solution:

Adding a timeout until the div is visible, and then initializing the gantt chart works. Is there a better way to do it?

#3

Hello,

Could you provide with the demo link where the problem can be reproducer or provide access to your application?