@syncfusion/ej2-splitbuttons 28.2.3 → 29.1.33

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

@@ -1,4 +1,4 @@
-import { extend, deleteObject, addClass, isNullOrUndefined, Property, ChildProperty, attributes, getComponent, select, getUniqueID, append, compile, SanitizeHtmlHelper, detach, removeClass, EventHandler, rippleEffect, isRippleEnabled, closest, Animation, formatUnit, classList, Collection, Complex, Event, NotifyPropertyChanges, Component, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, animationMode } from '@syncfusion/ej2-base';
+import { extend, deleteObject, addClass, isNullOrUndefined, Property, ChildProperty, attributes, getComponent, select, getUniqueID, append, SanitizeHtmlHelper, compile, detach, removeClass, EventHandler, rippleEffect, isRippleEnabled, closest, Animation, formatUnit, classList, Collection, Complex, Event, NotifyPropertyChanges, Component, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, animationMode } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 
@@ -443,6 +443,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         else {
             for (var i = 0; i < items.length; i++) {
                 item = items[i];
+                if (this.enableHtmlSanitizer) {
+                    item.text = SanitizeHtmlHelper.sanitize(item.text);
+                }
                 var tempItem = item.text;
                 li = this.createElement('li', {
                     innerHTML: item.url ? '' : tempItem,
@@ -526,8 +529,15 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         return false;
     };
     DropDownButton.prototype.createAnchor = function (item) {
-        var tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
-        return this.createElement('a', { className: 'e-menu-text e-menu-url', innerHTML: tempItem, attrs: { 'href': item.url } });
+        var tempItem = item.text;
+        var anchor = this.createElement('a', { className: 'e-menu-text e-menu-url', attrs: { 'href': item.url } });
+        if (this.enableHtmlSanitizer) {
+            anchor.textContent = tempItem;
+        }
+        else {
+            anchor.innerHTML = tempItem;
+        }
+        return anchor;
     };
     DropDownButton.prototype.initialize = function () {
         this.button = new Button({
@@ -729,6 +739,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         if (e.target === this.element && (e.keyCode === 9 || (!e.altKey && e.keyCode === 40) || e.keyCode === 38)) {
             return;
         }
+        if (e.target && (e.target.classList.contains('e-item') || (e.target.parentElement && e.target.parentElement.classList.contains('e-split-btn-wrapper'))) && e.keyCode === 13) {
+            e.preventDefault();
+        }
         switch (e.keyCode) {
             case 38:
             case 40:
@@ -970,7 +983,12 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 _this.element.setAttribute('aria-expanded', 'false');
                 _this.element.removeAttribute('aria-owns');
                 if (focusEle) {
-                    focusEle.focus();
+                    if (!_this.isSafari()) {
+                        focusEle.focus();
+                    }
+                    else {
+                        focusEle.focus({ preventScroll: true });
+                    }
                 }
                 var closeArgs = { element: ul_2, items: _this.items };
                 _this.trigger('close', closeArgs);