Fix for #63

Author: estruyf

CHANGELOG.md

@@ -4,7 +4,7 @@
 
 **New Controls**
 
-- `TaxonomyPicker` control got added [#22](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/22)
+- `TaxonomyPicker` control got added [#22](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/22) [#63](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/63)
 
 ## 1.2.5
 

src/controls/taxonomyPicker/TaxonomyPicker.tsx

@@ -129,6 +129,8 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
   private onSave(): void {
     this.cancel = false;
     this.onClosePanel();
+    // Trigger the onChange event
+    this.props.onChange(this.state.activeNodes);
   }
 
   /**
@@ -263,7 +265,12 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
             this.state.loaded === true && this.state.termSetAndTerms && (
               <div key={this.state.termSetAndTerms.Id} >
                 <h3>{this.state.termSetAndTerms.Name}</h3>
-                <TermParent anchorId={this.props.ancoreId} autoExpand={null} termset={this.state.termSetAndTerms} activeNodes={this.state.activeNodes} changedCallback={this.termsChanged} multiSelection={this.props.allowMultipleSelections} />
+                <TermParent anchorId={this.props.ancoreId}
+                            autoExpand={null}
+                            termset={this.state.termSetAndTerms}
+                            activeNodes={this.state.activeNodes}
+                            changedCallback={this.termsChanged}
+                            multiSelection={this.props.allowMultipleSelections} />
               </div>
             )
           }

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -197,7 +197,7 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
 
               <div className="ms-font-m">TaxonomyPicker tester:
                 <TaxonomyPicker
-                  allowMultipleSelections={false}
+                  allowMultipleSelections={true}
                   termsetNameOrID="Countries"
                   // ancoreId="0ec2f948-3978-499e-9d3f-e51c4494d44c"
                   panelTitle="Select Term"