Remove tabindex.

bikeshop_project/assets/js/components/Member.jsx

@@ -15,7 +15,6 @@ export default class Member extends React.Component {
         searchText={this.props.searchText}
         fullWidth
         textFieldStyle={{ textAlign: 'center', fontSize: '32px', lineHeight: '48px' }}
-        tabIndex={this.props.tabIndex}
       />
     );
   }

bikeshop_project/assets/js/components/Purpose.jsx

@@ -9,7 +9,6 @@ export default class Purpose extends React.Component {
         value={this.props.default}
         onChange={this.props.handleChange.bind(this)}
         fullWidth
-        tabIndex={this.props.tabIndex}
       >
         <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" caption={'Volunteer'} />
         <MenuItem value={'FIX'} primaryText="Fix" caption={'Fix'} />

bikeshop_project/assets/js/components/SignIn.jsx

@@ -129,20 +129,19 @@ export default class SignIn extends React.Component {
               error={this.state.error}
               members={this.state.members}
               searchText={this.state.searchText}
-              tabIndex={1}
             />
           </div>
           <div className="mdl-cell mdl-cell--4-col">
             <Purpose
               handleChange={this.handlePurposeChoice}
-              default={this.state.signOn.purpose} tabIndex={2}
+              default={this.state.signOn.purpose}
             />
           </div>
         </div>
 
         <div className="mdl-grid">
           <div className="mdl-cell mdl-cell--2-col mdl-cell--10-offset">
-            <RaisedButton onClick={this.signIn} label="Sign-in" tabIndex={3} />
+            <RaisedButton onClick={this.signIn} label="Sign-in" />
           </div>
         </div>
         <div className="mdl-grid">