DevTools: NetworkPanel: do not show out-of-range dividers.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 638 matching lines @@
             return;
 
         if (calculator.startAtZero) {
             // If our current sorting method starts at zero, that means it shows all
             // requests starting at the same point, and so onLoad event and DOMContent
             // event lines really wouldn't make much sense here, so don't render them.
             return;
         }
 
         this._timelineGrid.removeEventDividers();
-        if (this._mainRequestLoadTime !== -1) {
-            var percent = calculator.computePercentageFromEventTime(this._mainRequestLoadTime);
-
-            var loadDivider = createElement("div");
-            loadDivider.className = "network-event-divider network-red-divider";
-
-            var loadDividerPadding = createElement("div");
-            loadDividerPadding.className = "network-event-divider-padding";
-            loadDividerPadding.title = WebInspector.UIString("Load event");
-            loadDividerPadding.appendChild(loadDivider);
-            loadDividerPadding.style.left = percent + "%";
-            this._timelineGrid.addEventDivider(loadDividerPadding);
+        var loadTimePercent = calculator.computePercentageFromEventTime(this._mainRequestLoadTime);
+        if (this._mainRequestLoadTime !== -1 && loadTimePercent >= 0) {
+            var loadDivider = createElementWithClass("div", "network-event-divider-padding");
+            loadDivider.createChild("div", "network-event-divider network-red-divider");
+            loadDivider.title = WebInspector.UIString("Load event");
+            loadDivider.style.left = loadTimePercent + "%";
+            this._timelineGrid.addEventDivider(loadDivider);
         }
 
-        if (this._mainRequestDOMContentLoadedTime !== -1) {
-            var percent = calculator.computePercentageFromEventTime(this._mainRequestDOMContentLoadedTime);
-
-            var domContentLoadedDivider = createElement("div");
-            domContentLoadedDivider.className = "network-event-divider network-blue-divider";
-
-            var domContentLoadedDividerPadding = createElement("div");
-            domContentLoadedDividerPadding.className = "network-event-divider-padding";
-            domContentLoadedDividerPadding.title = WebInspector.UIString("DOMContentLoaded event");
-            domContentLoadedDividerPadding.appendChild(domContentLoadedDivider);
-            domContentLoadedDividerPadding.style.left = percent + "%";
-            this._timelineGrid.addEventDivider(domContentLoadedDividerPadding);
+        var domLoadTimePrecent = calculator.computePercentageFromEventTime(this._mainRequestDOMContentLoadedTime);
+        if (this._mainRequestDOMContentLoadedTime !== -1 && domLoadTimePrecent >= 0) {
+            var domContentLoadedDivider = createElementWithClass("div", "network-event-divider-padding");
+            domContentLoadedDivider.createChild("div", "network-event-divider network-blue-divider");
+            domContentLoadedDivider.title = WebInspector.UIString("DOMContentLoaded event");
+            domContentLoadedDivider.style.left = domLoadTimePrecent + "%";
+            this._timelineGrid.addEventDivider(domContentLoadedDivider);
         }
     },
 
     _refreshIfNeeded: function()
     {
         if (this._needsRefresh)
             this.refresh();
     },
 
     _invalidateAllItems: function()
@@ skipping 2617 matching lines @@
             this._writeProgress.done();
             return;
         }
         const chunkSize = 100000;
         var text = this._text.substring(this._bytesWritten, this._bytesWritten + chunkSize);
         this._bytesWritten += text.length;
         stream.write(text, this._writeNextChunk.bind(this));
         this._writeProgress.setWorked(this._bytesWritten);
     }
 }