force ruler to draw

JacksonRG · JacksonRG · commit efc8f72447f8 · 2021-07-29T17:07:13.000-05:00
diff --git a/src/timeline/index.html b/src/timeline/index.html
@@ -38,7 +38,7 @@
         <!-- JQuery & Bootstrap StyleSheets -->
         <link type="text/css" rel="stylesheet" href="media/css/bootstrap.min.css">
 </head>
-<body tl-body ng-controller="TimelineCtrl" ng-cloak>
+<body tl-body ng-controller="TimelineCtrl" ng-cloak onload="forceDrawRuler()">
 		
 		<!-- RULER NAME (left of screen) -->
 		<div tl-rulertime id="ruler_label">
diff --git a/src/timeline/js/functions.js b/src/timeline/js/functions.js
@@ -468,3 +468,9 @@ function setSelections(scope, element, id) {
   // Apply scope up to this point
   scope.$apply(function () {});
 }
+
+function forceDrawRuler() {
+  var scroll = document.querySelector('#scrolling_tracks').scrollLeft;
+  document.querySelector('#scrolling_tracks').scrollLeft = 10;
+  document.querySelector('#scrolling_tracks').scrollLeft = scroll;
+}
