diff --git a/ui/src/shared/components/FunctionSelector.js b/ui/src/shared/components/FunctionSelector.js
index <HASH>..<HASH> 100644
--- a/ui/src/shared/components/FunctionSelector.js
+++ b/ui/src/shared/components/FunctionSelector.js
@@ -15,6 +15,12 @@ class FunctionSelector extends Component {
     this.handleApplyFunctions = ::this.handleApplyFunctions
   }
 
+  componentWillUpdate(nextProps) {
+    if (!_.isEqual(this.props.selectedItems, nextProps.selectedItems)) {
+      this.setState({localSelectedItems: nextProps.selectedItems})
+    }
+  }
+
   onSelect(item, e) {
     e.stopPropagation()
Toggle correct field funcs in open func selectors when funcs are changed

This applies for when you have one or more open function selectors and
change a field with no funcs selected to have one, or vice versa, such
that the other field funcs are changed to match. Now, the UI will
update accordingly as expected to reflect the selected funcs for all fields.