Blank space on the right side of the page

[ngtrex]

Hello,
First of all, thank you for the great plugin.

I'm trying to create a TimeLine using version 2.0.0.
I implemented it by referring to "Getting Started" in the document, but there is a blank space on the right side of the page.

This phenomenon seems to occur in the demo as well. Also, there is a gap in the center alignment. (These phenomena did not occur in Tester.)

Is there any workaround?

The browser was confirmed with Chrome and Chromium-based Edge.

Thanks.

[Mikice]

Hello,
I am implementing the plugin, which is very nice, but I have exactly the same problem highlighted. Can you help me ? Thanks

[ka215]

Hi there,

Please try to specify the width in the parent element of the timeline container element. Furthermore, if you specify to "hidden" the overflow-x in the parent element, it will be perfect.

cf.

<div style="width: 100%; overflow-x: hidden">
  <div id="myTimeline"></div>
</div>

It looks like a bug in the rendering process of the timeline, so I'll fix this in the near future.

Thank you.

[ka215]

Hi,

I fixed a bug that the horizontal-scroll bar is displayed when the width of the element of the timeline instance overflows the parent element, at version 2.1.1.

Thank you.

[ngtrex]

Hello,

I confirmed that the code you provided hidden the horizontal-scroll bar.
Also, I confirmed that hidden the horizontal-scroll bar when using Version 2.1.1 too.

Thank you very much for your response.