gd-sprest-bs 8.7.0 → 8.7.4

package/build/components/peoplePicker/index.js

@@ -119,44 +119,48 @@ exports.PeoplePicker = function (props) {
                 if (search.ClientPeoplePickerSearchUser.length == 0) {
                     // Add a message
                     el.innerHTML += '<h6 class="dropdown-header">No results were found...</h6>';
-                    return;
                 }
-                // Parse the users
-                for (var i = 0; i < search.ClientPeoplePickerSearchUser.length; i++) {
-                    var exists = false;
-                    var user = search.ClientPeoplePickerSearchUser[i];
-                    // Save the user
-                    _users.push(user);
-                    // Parse the selected users
-                    for (var j = 0; j < elSelectedUsers.children.length; j++) {
-                        var userInfo = JSON.parse(elSelectedUsers.children[j].getAttribute("data-user"));
-                        // See if this user is already selected
-                        if (exists = user.Key == userInfo.Key) {
-                            break;
+                else {
+                    // Parse the users
+                    for (var i = 0; i < search.ClientPeoplePickerSearchUser.length; i++) {
+                        var exists = false;
+                        var user = search.ClientPeoplePickerSearchUser[i];
+                        // Save the user
+                        _users.push(user);
+                        // Parse the selected users
+                        for (var j = 0; j < elSelectedUsers.children.length; j++) {
+                            var userInfo = JSON.parse(elSelectedUsers.children[j].getAttribute("data-user"));
+                            // See if this user is already selected
+                            if (exists = user.Key == userInfo.Key) {
+                                break;
+                            }
                         }
+                        // Ensure the user isn't already selected
+                        if (exists) {
+                            continue;
+                        }
+                        // Create the item
+                        var elItem = document.createElement("a");
+                        elItem.className = "dropdown-item";
+                        elItem.href = "#";
+                        elItem.innerHTML = user.DisplayText;
+                        elItem.setAttribute("data-user", JSON.stringify(user));
+                        el.appendChild(elItem);
+                        // Set the click event
+                        elItem.addEventListener("click", function (ev) {
+                            var userInfo = ev.currentTarget.getAttribute("data-user");
+                            // Add the user
+                            addUser(userInfo);
+                            // Hide the menu
+                            _menu.hide();
+                            // Clear the search text
+                            elTextbox.querySelector("input").value = "";
+                        });
                     }
-                    // Ensure the user isn't already selected
-                    if (exists) {
-                        continue;
-                    }
-                    // Create the item
-                    var elItem = document.createElement("a");
-                    elItem.className = "dropdown-item";
-                    elItem.href = "#";
-                    elItem.innerHTML = user.DisplayText;
-                    elItem.setAttribute("data-user", JSON.stringify(user));
-                    el.appendChild(elItem);
-                    // Set the click event
-                    elItem.addEventListener("click", function (ev) {
-                        var userInfo = ev.currentTarget.getAttribute("data-user");
-                        // Add the user
-                        addUser(userInfo);
-                        // Hide the menu
-                        _menu.hide();
-                        // Clear the search text
-                        elTextbox.querySelector("input").value = "";
-                    });
                 }
+                // Refresh the popover
+                _menu.hide();
+                _menu.show();
             });
         }
     };
@@ -178,6 +182,7 @@ exports.PeoplePicker = function (props) {
     var elMenu = document.createElement("div");
     elMenu.className = "dropdown-menu";
     elMenu.innerHTML = '<h6 class="dropdown-header">Search requires 3+ characters</h6>';
+    elMenu.style.border = "0";
     // Add the selected users
     var elSelectedUsers = document.createElement("div");
     elSelectedUsers.style.position = "relative";
@@ -218,6 +223,7 @@ exports.PeoplePicker = function (props) {
         placement: core_1.Components.PopoverPlacements.BottomStart,
         options: {
             content: elMenu,
+            hideOnClick: false,
             trigger: "focus"
         }
     });