From 7b761d6ccbed6a7e836aab0dcba82a0f4c0c38ff Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Tue, 10 Oct 2017 15:27:47 -0700
Subject: [PATCH] Highlight input when user focuses

---
 ui/src/dashboards/components/DashboardHeaderEdit.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ui/src/dashboards/components/DashboardHeaderEdit.js b/ui/src/dashboards/components/DashboardHeaderEdit.js
index d63729e18..5296db0fb 100644
--- a/ui/src/dashboards/components/DashboardHeaderEdit.js
+++ b/ui/src/dashboards/components/DashboardHeaderEdit.js
@@ -36,6 +36,10 @@ class DashboardEditHeader extends Component {
     }
   }
 
+  handleFocus = e => {
+    e.target.select()
+  }
+
   render() {
     const {onEditDashboard, isEditMode, dashboardName} = this.props
 
@@ -52,6 +56,7 @@ class DashboardEditHeader extends Component {
               spellCheck={false}
               onBlur={this.handleInputBlur}
               onKeyDown={this.handleKeyDown}
+              onFocus={this.handleFocus}
               placeholder="Name this Dashboard"
               ref={r => (this.inputRef = r)}
             />