Merge pull request #406 from mashmatrix/fix-lookup-candidate-focus

Fix to catch focus in candidate list DOM on click in candidate list

Author: stomita

src/scripts/Lookup.tsx

@@ -533,6 +533,7 @@ class LookupCandidateList<LookupEntry extends Entry> extends Component<
         className={lookupMenuClassNames}
         style={listStyles}
         role='listbox'
+        tabIndex={-1}
         onKeyDown={this.onKeyDown}
       >
         {header ? <div className='slds-lookup__item'>{header}</div> : undefined}

test/storyshots/__snapshots__/storyshots.test.js.snap

@@ -34269,6 +34269,7 @@ exports[`Storyshots Lookup Opened - Active 1`] = `
                   "minWidth": "15rem",
                 }
               }
+              tabIndex={-1}
             >
               <ul
                 className="slds-lookup__list"
@@ -36878,6 +36879,7 @@ exports[`Storyshots Lookup Opened - In Loading 1`] = `
                 "minWidth": "15rem",
               }
             }
+            tabIndex={-1}
           >
             <ul
               className="slds-lookup__list"
@@ -37020,6 +37022,7 @@ exports[`Storyshots Lookup Opened - With list header/footer 1`] = `
                   "minWidth": "15rem",
                 }
               }
+              tabIndex={-1}
             >
               <div
                 className="slds-lookup__item"
@@ -40302,6 +40305,7 @@ exports[`Storyshots Lookup defaultOpened - Active 1`] = `
                   "minWidth": "15rem",
                 }
               }
+              tabIndex={-1}
             >
               <ul
                 className="slds-lookup__list"
@@ -42911,6 +42915,7 @@ exports[`Storyshots Lookup defaultOpened - In Loading 1`] = `
                 "minWidth": "15rem",
               }
             }
+            tabIndex={-1}
           >
             <ul
               className="slds-lookup__list"
@@ -43053,6 +43058,7 @@ exports[`Storyshots Lookup defaultOpened - With list header/footer 1`] = `
                   "minWidth": "15rem",
                 }
               }
+              tabIndex={-1}
             >
               <div
                 className="slds-lookup__item"

yarn.lock

@@ -4686,15 +4686,10 @@ can-use-dom@^0.1.0:
   resolved "https://registry.yarnpkg.com/can-use-dom/-/can-use-dom-0.1.0.tgz#22cc4a34a0abc43950f42c6411024a3f6366b45a"
   integrity sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo=
 
-caniuse-lite@^1.0.30000989, caniuse-lite@^1.0.30001097:
-  version "1.0.30001099"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001099.tgz#540118fcc6842d1fde62f4ee5521d1ec6afdb40e"
-  integrity sha512-sdS9A+sQTk7wKoeuZBN/YMAHVztUfVnjDi4/UV3sDE8xoh7YR12hKW+pIdB3oqKGwr9XaFL2ovfzt9w8eUI5CA==
-
-caniuse-lite@^1.0.30001254:
-  version "1.0.30001258"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001258.tgz#b604eed80cc54a578e4bf5a02ae3ed49f869d252"
-  integrity "sha1-tgTu2AzFSleOS/WgKuPtSfhp0lI= sha512-RBByOG6xWXUp0CR2/WU2amXz3stjKpSl5J1xU49F1n2OxD//uBZO4wCKUiG+QMGf7CHGfDDcqoKriomoGVxTeA=="
+caniuse-lite@^1.0.30000951, caniuse-lite@^1.0.30000989, caniuse-lite@^1.0.30001093, caniuse-lite@^1.0.30001097:
+  version "1.0.30001313"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001313.tgz"
+  integrity sha512-rI1UN0koZUiKINjysQDuRi2VeSCce3bYJNmDcj3PIKREiAmjakugBul1QSkg/fPrlULYl6oWfGg3PbgOSY9X4Q==
 
 capture-exit@^2.0.0:
   version "2.0.0"