Timeline: streamline flame chart views update logic

third_party/WebKit/Source/devtools/front_end/perf_ui/ChartViewport.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 PerfUI.ChartViewport = class extends UI.VBox {
   constructor() {
     super(true);
 
@@ skipping 68 matching lines @@
     this._dragStartPointX = 0;
     this._dragStartPointY = 0;
     this._dragStartScrollTop = 0;
     this._timeWindowLeft = 0;
     this._timeWindowRight = 0;
     this._offsetWidth = 0;
     this._offsetHeight = 0;
     this._totalHeight = 0;
     this._pendingAnimationTimeLeft = 0;
     this._pendingAnimationTimeRight = 0;
+    this._updateContentElementSize();
   }
 
   /**
    * @private
    */
   _updateContentElementSize() {
     var offsetWidth = this._vScrollElement.offsetLeft;
     if (!offsetWidth)
       offsetWidth = this.contentElement.offsetWidth;
     this._offsetWidth = offsetWidth;
@@ skipping 337 matching lines @@
     }
     this._cancelAnimation();
     this._cancelWindowTimesAnimation = UI.animateFunction(
         this.element.window(), this._animateWindowTimes.bind(this),
         [{from: this._timeWindowLeft, to: startTime}, {from: this._timeWindowRight, to: endTime}], 5,
         this._animationCompleted.bind(this));
     this._pendingAnimationTimeLeft = startTime;
     this._pendingAnimationTimeRight = endTime;
   }
 };