From d7c128e6d1d7e16eb18af45331cdb7ea74a336a7 Mon Sep 17 00:00:00 2001
From: suppermancool <dat.nguyen.supper@gmail.com>
Date: Tue, 22 Jan 2019 12:02:01 +0700
Subject: [PATCH] Country selection - select by keyboard #2540

Country selection - select by keyboard #2540
---
 src/components/SelectDropdown/SelectDropdown.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SelectDropdown/SelectDropdown.jsx b/src/components/SelectDropdown/SelectDropdown.jsx
index 466f53c21..bcd05f2c5 100644
--- a/src/components/SelectDropdown/SelectDropdown.jsx
+++ b/src/components/SelectDropdown/SelectDropdown.jsx
@@ -103,6 +103,7 @@ class SelectDropdown extends Component {
       }
       const selectItem = (
         <li
+          tabIndex="-1"
           key={ optIdx }
           className="dropdown-menu-list-item"
           styleName={cn({ disabled: option.disabled })}
@@ -129,7 +130,7 @@ class SelectDropdown extends Component {
             <div className="dropdown-menu-header"><span className="tc-link">{ selectedValue }</span></div>
           </div>
         ) : (
-          <Dropdown theme={ theme } className="SelectDropdown" noPointer>
+          <Dropdown handleKeyboardNavigation theme={ theme } className="SelectDropdown" noPointer>
             <div className="dropdown-menu-header"><span className="tc-link">{ selectedValue }</span></div>
             <ul className="dropdown-menu-list">
               { options.map(renderOption) }