From 37c45a81a93646ec29a68f1b0fb787278b64bd38 Mon Sep 17 00:00:00 2001
From: ryan <ryantxu@gmail.com>
Date: Thu, 7 Jun 2018 02:48:54 +0200
Subject: [PATCH 1/2] autoFocus the search filter

---
 public/app/features/dashboard/dashgrid/AddPanelPanel.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
index 094bc49b708..236596a9a10 100644
--- a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
+++ b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
@@ -229,7 +229,8 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
               <label className="gf-form gf-form--grow gf-form--has-input-icon">
                 <input
                   type="text"
-                  className="gf-form-input max-width-20"
+                  autoFocus
+                  className="gf-form-input gf-form--grow"
                   placeholder="Panel Search Filter"
                   value={this.state.filter}
                   onChange={this.filterChange.bind(this)}

From c71608aae8d333bfc944935d269887f9d25c3d35 Mon Sep 17 00:00:00 2001
From: ryan <ryantxu@gmail.com>
Date: Thu, 7 Jun 2018 03:08:39 +0200
Subject: [PATCH 2/2] add panel on enter

---
 .../app/features/dashboard/dashgrid/AddPanelPanel.tsx  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
index 236596a9a10..f1f2290ce40 100644
--- a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
+++ b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
@@ -154,6 +154,15 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
     });
   }
 
+  filterKeyPress(evt) {
+    if (evt.key === 'Enter') {
+      let panel = _.head(this.state.panelPlugins);
+      if (panel) {
+        this.onAddPanel(panel);
+      }
+    }
+  }
+
   filterPanels(panels, filter) {
     let regex = new RegExp(filter, 'i');
     return panels.filter(panel => {
@@ -234,6 +243,7 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
                   placeholder="Panel Search Filter"
                   value={this.state.filter}
                   onChange={this.filterChange.bind(this)}
+                  onKeyPress={this.filterKeyPress.bind(this)}
                 />
                 <i className="gf-form-input-icon fa fa-search" />
               </label>