@syncfusion/ej2-splitbuttons 20.3.52 → 20.4.38

package/dist/es6/ej2-splitbuttons.es5.js

@@ -369,7 +369,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
+                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
             if (this.enableHtmlSanitizer) {
@@ -412,7 +412,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownButton.prototype.hasIcon = function (items, field) {
         for (var i = 0, len = items.length; i < len; i++) {
-            if (items[i][field]) {
+            if (items[i]["" + field]) {
                 return true;
             }
         }
@@ -644,6 +644,18 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownButton.prototype.focusoutHandler = function (e) {
         if (this.isPopupCreated && !this.canOpen()) {
+            var liTarget = e.relatedTarget;
+            if (liTarget && liTarget.className.indexOf('e-item') > -1) {
+                var li = this.getLI(liTarget);
+                if (li) {
+                    var liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
+                    var item = this.items[liIdx];
+                    if (item) {
+                        var selectEventArgs = { element: li, item: item };
+                        this.trigger('select', selectEventArgs);
+                    }
+                }
+            }
             this.closePopup(e);
         }
     };