Fix tab focus bug on lookup

Author: donnieberg

components/SLDSLookup/Menu/index.js

@@ -54,9 +54,9 @@ class Menu extends React.Component {
     let className = 'slds-button';
     if(this.props.focusIndex === 0) className += ' slds-theme--shade';
     return(
-      <button id="searchDetails" className={className}>
+      <button id="searchDetails" tabIndex="-1" className={className}>
       <Icon name="search" category="utility" size="x-small" className="slds-icon-text-default" />
-      {this.props.searchTerm ? '"' + this.props.searchTerm + '"' : ""} in {this.props.type}
+      {this.props.searchTerm ? '"' + this.props.searchTerm + '"' : ""} in {this.props.type + 's'}
       </button>
     );
   }
@@ -65,7 +65,7 @@ class Menu extends React.Component {
     let className = 'slds-button';
     if(this.props.focusIndex === this.props.listLength + 1) className += ' slds-theme--shade';
     return(
-      <button id="addItem" className={className} onClick={this.props.addItem} onMouseDown={this.props.addItem}>
+      <button id="addItem" tabIndex="-1" className={className} onClick={this.props.addItem} onMouseDown={this.props.addItem}>
       <Icon name="add" category="utility" size="x-small" className="slds-icon-text-default" />
       New {this.props.type}
       </button>

demo/pages/HomePage/index.jsx

@@ -59,10 +59,10 @@ module.exports = React.createClass( {
         </div>
         <main className='stage-main slds-grid slds-wrap slds-grow' role='main'>
           <div className='region region--main slds-grow slds-size--1-of-1 slds-medium-size--1-of-2 slds-large-size--8-of-12 slds-col-rule--right slds-p-around--large'>
-            <LookupBaseSection />
 
             <ButtonSection />
 
+            <LookupBaseSection />
 
             <PicklistBaseSection />