From 23b706fb432711177234125cb6201bb6aeef2b57 Mon Sep 17 00:00:00 2001
From: James Amon <james.amon@rea-group.com>
Date: Thu, 26 Nov 2015 15:37:08 +1100
Subject: [PATCH] Change input back to div

This essentially reverts the change made here
https://github.com/JedWatson/react-select/pull/595 By applying a tabIndex on a
div element allows it to be focused. This was the reason the div was changed to
an input, by putting it back to a div mobile devices display consistent behaviour
when the select box recieves focus. IOS would display a chrome at the bottom
of the page where as chrome wouldn't.
---
 src/Select.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/Select.js b/src/Select.js
index 076a0b6cf2..7aa77322ce 100644
--- a/src/Select.js
+++ b/src/Select.js
@@ -477,17 +477,14 @@ const Select = React.createClass({
 		var className = classNames('Select-input', this.props.inputProps.className);
 		if (this.props.disabled || !this.props.searchable) {
 			return (
-				<input
+				<div
 					{...this.props.inputProps}
 					className={className}
-					tabIndex={this.props.tabIndex}
+					tabIndex={this.props.tabIndex || 0}
 					onBlur={this.handleInputBlur}
 					onFocus={this.handleInputFocus}
-					type="search"
-					autoComplete="off"
-					readOnly="true"
 					ref="input"
-					style={{ border: 0 }}/>
+					style={{ border: 0, width: 1, display:'inline-block' }}/>
 			);
 		}
 		return (