determine disabled status of selected menu item when handleKeyNavigat… (

#172) * determine disabled status of selected menu item when handleKeyNavigation 'Enter' event * refactor code to set disabled status directly
vkbansal · Dec 1, 2017 · cdced63 · cdced63
1 parent 13e08a0
commit cdced63
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/AbstractMenu.js b/src/AbstractMenu.js
@@ -45,12 +45,19 @@ export default class AbstractMenu extends Component {
  case 13: // enter
  e.preventDefault();
  this.tryToOpenSubMenu(e);
- if (this.seletedItemRef &&
- this.seletedItemRef.ref instanceof HTMLElement &&
- !this.seletedItemRef.ref.props.disabled) {
- this.seletedItemRef.ref.click();
- } else {
- this.hideMenu(e);
+ {
+ // determine the selected item is disabled or not
+ const disabled = this.seletedItemRef &&
+ this.seletedItemRef.props &&
+ this.seletedItemRef.props.disabled;
+
+ if (this.seletedItemRef &&
+ this.seletedItemRef.ref instanceof HTMLElement &&
+ !disabled) {
+ this.seletedItemRef.ref.click();
+ } else {
+ this.hideMenu(e);
+ }
  }
  break;
  default: