[DevTools] chaotic green dots displacement fix

third_party/WebKit/Source/devtools/front_end/sources/JavaScriptSourceFrame.js

 /*
  * 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 577 matching lines @@
     }
   }
 
   _showContinueToLocations() {
     var executionContext = UI.context.flavor(SDK.ExecutionContext);
     if (!executionContext)
       return;
     var callFrame = UI.context.flavor(SDK.DebuggerModel.CallFrame);
     if (!callFrame)
       return;
+    if (this._clearContinueToLocationsTimer) {
+      clearTimeout(this._clearContinueToLocationsTimer);
+      delete this._clearContinueToLocationsTimer;
+    }
     var localScope = callFrame.localScope();
-    if (!localScope)
+    if (!localScope) {
+      this.textEditor.operation(clearExistingLocations.bind(this));
       return;
+    }
     var start = localScope.startLocation();
     var end = localScope.endLocation();
     var debuggerModel = callFrame.debuggerModel;
     var executionLocation = callFrame.location();
     debuggerModel.getPossibleBreakpoints(start, end, true)
         .then(locations => this.textEditor.operation(renderLocations.bind(this, locations)));
 
-    if (this._clearContinueToLocationsTimer) {
-      clearTimeout(this._clearContinueToLocationsTimer);
-      delete this._clearContinueToLocationsTimer;
-    }
-
     /**
      * @param {!Array<!SDK.DebuggerModel.BreakLocation>} locations
      * @this {Sources.JavaScriptSourceFrame}
      */
     function renderLocations(locations) {
-      var bookmarks = this.textEditor.bookmarks(
-          this.textEditor.fullRange(), Sources.JavaScriptSourceFrame.continueToLocationDecorationSymbol);
-      bookmarks.map(bookmark => bookmark.clear());
-
+      clearExistingLocations.call(this);
       for (var location of locations) {
         var icon;
         var isCurrent = location.lineNumber === executionLocation.lineNumber &&
             location.columnNumber === executionLocation.columnNumber;
         if (!isCurrent || (location.type !== SDK.DebuggerModel.BreakLocationType.Call &&
                            location.type !== SDK.DebuggerModel.BreakLocationType.Return)) {
           icon = UI.Icon.create('smallicon-green-arrow');
           icon.addEventListener('click', location.continueToLocation.bind(location));
         } else if (location.type === SDK.DebuggerModel.BreakLocationType.Call) {
           icon = UI.Icon.create('smallicon-step-in');
           icon.addEventListener('click', () => {
             debuggerModel.scheduleStepIntoAsync();
             debuggerModel.stepInto();
           });
         } else if (location.type === SDK.DebuggerModel.BreakLocationType.Return) {
           icon = UI.Icon.create('smallicon-step-out');
           icon.addEventListener('click', () => {
             debuggerModel.stepOut();
           });
         }
         icon.classList.add('cm-continue-to-location');
         icon.addEventListener('mousemove', hidePopoverAndConsumeEvent.bind(this));
         this.textEditor.addBookmark(
             location.lineNumber, location.columnNumber, icon,
             Sources.JavaScriptSourceFrame.continueToLocationDecorationSymbol);
       }
     }
 
     /**
+     * @this {Sources.JavaScriptSourceFrame}
+     */
+    function clearExistingLocations() {
+      var bookmarks = this.textEditor.bookmarks(
+          this.textEditor.fullRange(), Sources.JavaScriptSourceFrame.continueToLocationDecorationSymbol);
+      bookmarks.map(bookmark => bookmark.clear());
+    }
+
+    /**
      * @param {!Event} event
      * @this {Sources.JavaScriptSourceFrame}
      */
     function hidePopoverAndConsumeEvent(event) {
       event.consume(true);
       this._popoverHelper.hidePopover();
     }
   }
 
   /**
@@ skipping 802 matching lines @@
       return;
     this.bookmark.clear();
     this.bookmark = null;
   }
 };
 
 Sources.JavaScriptSourceFrame.BreakpointDecoration.bookmarkSymbol = Symbol('bookmark');
 Sources.JavaScriptSourceFrame.BreakpointDecoration._elementSymbolForTest = Symbol('element');
 
 Sources.JavaScriptSourceFrame.continueToLocationDecorationSymbol = Symbol('bookmark');