[DevTools] always activate first callFrame on pause

R=lushnikov@chromium.org

Bug: none
Change-Id: Ifae8faddcd5d719011cd53289067d4f2f7ca958c
Reviewed-on: https://chromium-review.googlesource.com/1172706Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org>
Commit-Queue: Aleksey Kozyatinskiy <kozyatinskiy@chromium.org>
Cr-Commit-Position: refs/heads/master@{#582796}

third_party/blink/renderer/devtools/front_end/sources/CallStackSidebarPane.js

@@ -164,7 +164,8 @@ Sources.CallStackSidebarPane = class extends UI.SimpleView {
       this._muteActivateItem = true;
       if (!this._showBlackboxed && this._items.every(item => item.isBlackboxed)) {
         this._showBlackboxed = true;
-        this._items.replaceAll(Array.from(this._items));
+        for (let i = 0; i < this._items.length; ++i)
+          this._list.refreshItemByIndex(i);
         this._blackboxedMessageElement.classList.toggle('hidden', true);
       } else {
         const itemsSet = new Set(items);
@@ -172,7 +173,7 @@ Sources.CallStackSidebarPane = class extends UI.SimpleView {
         for (let i = 0; i < this._items.length; ++i) {
           const item = this._items.at(i);
           if (itemsSet.has(item))
-            this._items.replace(i, item);
+            this._list.refreshItemByIndex(i);
           hasBlackboxed = hasBlackboxed || item.isBlackboxed;
         }
         this._blackboxedMessageElement.classList.toggle('hidden', this._showBlackboxed || !hasBlackboxed);

third_party/blink/renderer/devtools/front_end/ui/ListControl.js

@@ -136,6 +136,14 @@ UI.ListControl = class {
       console.error('Item to refresh is not present');
       return;
     }
+    this.refreshItemByIndex(index);
+  }
+
+  /**
+   * @param {number} index
+   */
+  refreshItemByIndex(index) {
+    const item = this._model.at(index);
     this._itemToElement.delete(item);
     this.invalidateRange(index, index + 1);
     if (this._selectedIndex !== -1)