From 83deecc6d62c4e572a9903ceecdcecbbb235497f Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 13 Oct 2015 12:06:28 +0200
Subject: [PATCH] Fixed: U4-7242 - call function on view model and not scope +
 clear item details on search

---
 .../editorpicker/editorpicker.controller.js               | 8 +++++++-
 .../contenttypeeditor/editorpicker/editorpicker.html      | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.controller.js
index 5f7a5f843b..98b637699c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.controller.js
@@ -34,6 +34,7 @@
 			}
 		];
 
+      vm.filterItems = filterItems;
 		vm.showDetailsOverlay = showDetailsOverlay;
 		vm.hideDetailsOverlay = hideDetailsOverlay;
       vm.pickEditor = pickEditor;
@@ -71,6 +72,11 @@
 			}
 		}
 
+      function filterItems() {
+         // clear item details
+         $scope.model.itemDetails = null;
+      }
+
 		function showDetailsOverlay(property) {
 
 			var propertyDetails = {};
@@ -79,7 +85,7 @@
 
 			$scope.model.itemDetails = propertyDetails;
 
-		};
+		}
 
 		function hideDetailsOverlay() {
 			$scope.model.itemDetails = null;
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
index 7942402251..a09101a54f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
@@ -5,6 +5,7 @@
 			<i class="icon-search"></i>
 			<input type="text"
 				style="width: 100%"
+				ng-change="vm.filterItems()"
 				ng-model="vm.searchTerm"
 				class="umb-search-field search-query input-block-level"
 				placeholder="Filter..."
@@ -26,7 +27,7 @@
 						<div ng-if="(value | filter:vm.searchTerm).length > 0">
 							<h5>{{key}}</h5>
 
-							<ul class="umb-card-grid" ng-mouseleave="hideDetailsOverlay()">
+							<ul class="umb-card-grid" ng-mouseleave="vm.hideDetailsOverlay()">
 								<li ng-repeat="systemDataType in value | orderBy:'name' | filter: vm.searchTerm" ng-mouseover="vm.showDetailsOverlay(systemDataType)">
 									<a href="" ng-click="vm.pickEditor(systemDataType)">
 										<i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>