Merge pull request #571 from THL-DEV/fix/keep-moving-left

Fixed the auto-scroll right bug in a scaled browser.

Author: Ilaiwi

README.md

@@ -1175,8 +1175,6 @@ If you are using Custom Headers then you need to add `SidebarHeader` component u
 
 you need to add sticky to the header like [this example](https://github.com/FoothillSolutions/react-calendar-timeline/tree/dest-build/examples#sticky-header).
 
-```
-
 ## I'm using Babel with Rollup or Webpack 2+ and I'm getting strange bugs with click events
 
 These module bundlers don't use the transpiled (ES5) code of this module. They load the original ES2015+ source. Thus your babel configuration needs to match ours. We recommend adding the [`stage-0` preset](https://babeljs.io/docs/plugins/preset-stage-0/) to your `.babelrc` to make sure everything works as intended.

src/lib/Timeline.js

@@ -425,12 +425,10 @@ export default class ReactCalendarTimeline extends Component {
         (this.state.visibleTimeStart - this.state.canvasTimeStart)) /
         newZoom
     )
-    if (this.scrollComponent.scrollLeft !== scrollLeft) {
-      this.scrollComponent.scrollLeft = scrollLeft
-    }
-
-    if (this.scrollHeaderRef.scrollLeft !== scrollLeft) {
-      this.scrollHeaderRef.scrollLeft = scrollLeft
+    const componentScrollLeft = Math.round(this.scrollComponent.scrollLeft);
+    if (componentScrollLeft !== scrollLeft) {
+      this.scrollComponent.scrollLeft = scrollLeft;
+      this.scrollHeaderRef.scrollLeft = scrollLeft;
     }
   }
 
@@ -1071,4 +1069,4 @@ export default class ReactCalendarTimeline extends Component {
       </TimelineStateProvider>
     )
   }
-}
+}