Fix downshift id issue

7 years ago · 7a0153dcda
parent 4e142c8e5e
commit 7a0153dcda
1 changed files with 4 additions and 1 deletions
--- 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} />