From 6ef491badd4ac0190ab17cc41ebd27abbf87c896 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Mon, 11 Dec 2017 19:26:56 +0100
Subject: Select search input on focus

---
 src/client/react/components/container/Search.js       | 1 +
 src/client/react/components/presentational/Search.jsx | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index f17a517..4517191 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -15,6 +15,7 @@ const mapDispatchToProps = dispatch => ({
   },
   onFocus: () => {
     dispatch(focusChange(true));
+    document.querySelector('#search__input').select();
   },
   onBlur: () => {
     dispatch(focusChange(false));
diff --git a/src/client/react/components/presentational/Search.jsx b/src/client/react/components/presentational/Search.jsx
index 78beb56..fc8ca98 100644
--- a/src/client/react/components/presentational/Search.jsx
+++ b/src/client/react/components/presentational/Search.jsx
@@ -35,7 +35,6 @@ IconFromUserType.defaultProps = {
   userType: null,
 };
 
-
 const Result = ({ user }) => (
   <div className="search__result">
     <div className="search__icon-wrapper"><IconFromUserType userType={user.type} /></div>
@@ -61,6 +60,7 @@ const Search = ({
       {/* Show the icon from the exact match if there is an exact match, otherwise show the search icon. */}
       <div className="search__icon-wrapper"><IconFromUserType userType={exactMatch ? exactMatch.type : null} /></div>
       <input
+        id="search__input"
         onChange={onInputChange}
         value={value}
         placeholder="Zoeken"
@@ -88,5 +88,4 @@ Search.defaultProps = {
   exactMatch: null,
 };
 
-
 export default Search;
-- 
cgit v1.1