From 7a0153dcda199f0a85582fef956eb2e813a01b37 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Wed, 14 Mar 2018 21:41:30 -0700
Subject: [PATCH] Fix downshift id issue

---
 components/Dropdown.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/Dropdown.js b/components/Dropdown.js
index e4b2aa5..4581323 100644
--- a/components/Dropdown.js
+++ b/components/Dropdown.js
@@ -135,7 +135,10 @@ const SelectedItem = ({ getButtonProps, getInputProps, children, isOpen, color,
       {button ? (
         <span className="dropdown-display-text">{children}</span>
       ) : (
-        <input {...getInputProps({ placeholder: children })} className="dropdown-display-text" />
+        <input
+          {...getInputProps({ placeholder: children, id: `downshift-input-${children}` })}
+          className="dropdown-display-text"
+        />
       )}
       <div role="button" className={`dropdown-arrow`}>
         <ArrowDown fill={itemColor} />