Devtools: focus to tab when select from dropdown

Issue: Default focus is not seen when select a tab from dropdown menu
Fix: focus to the tab view after select a tab from dropdown


Bug: 1004171
Change-Id: If63e10d7b3cadcc50fb69fa7f775f478aa258987
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1807703Reviewed-by: Yang Guo <yangguo@chromium.org>
Commit-Queue: Junyi Xiao <juxiao@microsoft.com>
Cr-Commit-Position: refs/heads/master@{#699069}

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

@@ -308,9 +308,10 @@ UI.TabbedPane = class extends UI.VBox {
   /**
    * @param {string} id
    * @param {boolean=} userGesture
+   * @param {boolean=} forceFocus
    * @return {boolean}
    */
-  selectTab(id, userGesture) {
+  selectTab(id, userGesture, forceFocus) {
     if (this._currentTabLocked)
       return false;
     const focused = this._viewHasFocus();
@@ -330,7 +331,7 @@ UI.TabbedPane = class extends UI.VBox {
     this._tabsHistory.splice(0, 0, tab);
 
     this._updateTabElements();
-    if (focused)
+    if (focused || forceFocus)
       this.focus();
 
     const eventData = {tabId: id, view: tab.view, isUserGesture: userGesture};
@@ -603,7 +604,7 @@ UI.TabbedPane = class extends UI.VBox {
    */
   _dropDownMenuItemSelected(tab) {
     this._lastSelectedOverflowTab = tab;
-    this.selectTab(tab.id, true);
+    this.selectTab(tab.id, true, true);
   }
 
   _totalWidth() {