Timeline doesn't fit to lightbox width

[robroc]

When opening vertical-timeline in a Fancybox lightbox, it appears squished to a narrow container, not expanding to container width. Example here: http://gazdata-assets.s3.amazonaws.com/timeline-test.html

[zzolo]

Hey @robroc, thanks for the issues.

It's a bit hard to debug without creating a local copy, but what I imagine is happening is that the width of the timeline container is very small or nothing when the timeline gets rendered.

So, there a few things to try.

• Use the handleResize option on the timeline so that when the container expands, the timeline will expand with it.
• Set a specific width on the timeline.
• If those don't work, you can try some Fancybox options, like turning off autoWidth and setting a width manually, or turning on preload in the iframe option.

Let me know how that works out.

[robroc]

Thank you @zzolo for the quick response. I can tell you right away that changing handleResize did not work. Seems like this is more of a Fancybox issue, then.

[zzolo]

Hey @robroc, I downloaded the example locally and played around with it. I could not get it to work exactly how you would want.

The best I could do is set the width to a pixel value on the timeline, width: 800px. This kind of screws up responsiveness.

I still think what is happening is that the iframe is loaded and the timeline is displayed while the fancybox is still too small. What would be ideal is to somehow manually make a fancbox and then load up the iframe in it. I am not sure if and how to do this with fancybox but there may be a way.