fix: Fixed DropDownMenu onChangeValue callback error

myxvisual · Aug 16, 2017 · 8b953aa · 8b953aa
1 parent bac2e5b
commit 8b953aa
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/src/DropDownMenu/index.tsx b/src/DropDownMenu/index.tsx
@@ -130,10 +130,8 @@ export class DropDownMenu extends React.Component<DropDownMenuProps, DropDownMen
     this.addBlurEvent.cleanEvent();
   }
 
-  toggleShowList = (e: React.SyntheticEvent<HTMLDivElement>) => {
+  toggleShowList = (currentValue: string) => {
     const { currentValues, showList } = this.state;
-    const valueNode = e.currentTarget.children[0] as any;
-    const currentValue = valueNode.innerText;
     if (showList) {
       currentValues.unshift(...currentValues.splice(currentValues.indexOf(currentValue), 1));
     }
@@ -205,7 +203,7 @@ export class DropDownMenu extends React.Component<DropDownMenuProps, DropDownMen
                   height: (isCurrent || showList) ? itemHeight : 0,
                   background: (isCurrent && showList) ? theme.listAccentLow : "none"
                 }}
-                onClick={this.toggleShowList}
+                onClick={() => this.toggleShowList(value)}
                 onMouseEnter={!showList ? itemAttributes.onMouseEnter : (e) => {
                   e.currentTarget.style.background = isCurrent ? theme.listAccentMedium : theme.useFluentDesign ? theme.listLow : theme.chromeMedium;
                   itemAttributes.onMouseEnter(e);