fixed focus state of a few elements

Author: corevo

packages/selenium-ide/src/neo/components/ActionButtons/More/index.jsx

@@ -22,7 +22,7 @@ import classNames from "classnames";
 export default class MoreButton extends React.Component {
   render() {
     return (
-      <ActionButton tabIndex="-1" {...this.props} className={classNames("no-focus", "si-more", this.props.className)} />// eslint-disable-line react/prop-types
+      <ActionButton tabIndex={this.props.canFocus ? "0" : "-1"} {...this.props} className={classNames({"no-focus": !this.props.canFocus}, "si-more", this.props.className)} />// eslint-disable-line react/prop-types
     );
   }
 }

packages/selenium-ide/src/neo/components/CommandForm/index.jsx

@@ -65,7 +65,7 @@ import "./style.css";
             value={this.props.command ? this.props.command.value : ""}
             disabled={!this.props.command}
             onChange={this.props.command ? this.props.command.setValue : null} />
-          <input type="submit" onClick={this.props.onSubmit} />
+          <input tabIndex="-1" type="submit" onClick={this.props.onSubmit} />
         </form>
       </div>
     );

packages/selenium-ide/src/neo/components/ProjectHeader/index.jsx

@@ -58,7 +58,7 @@ export default class ProjectHeader extends React.Component {
           <OpenButton onFileSelected={this.props.load} />
           <SaveButton data-place="left" unsaved={this.props.changed} onClick={this.props.save} />
           <ListMenu width={250} padding={-5} opener={
-            <MoreButton />
+            <MoreButton canFocus={true} />
           }>
             <ListMenuItem onClick={this.props.export}>Export to JavaScript code</ListMenuItem>
           </ListMenu>