@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

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

@@ -305,7 +305,7 @@ let DropDownButton = class DropDownButton extends Component {
         attributes(this.element, {
             ['aria-haspopup']: this.items.length || this.target ? 'true' : 'false', ['aria-expanded']: 'false',
             ['aria-owns']: this.getPopUpElement().id, ['type']: 'button',
-            ['aria-label']: this.element.textContent + ' dropdownbutton'
+            ['aria-label']: this.element.textContent ? this.element.textContent : 'dropdownbutton'
         });
         if (this.cssClass) {
             addClass([div], this.cssClass.split(' '));
@@ -333,13 +333,19 @@ let DropDownButton = class DropDownButton extends Component {
         }
         for (let i = 0; i < items.length; i++) {
             item = items[i];
-            const tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
+            const tempItem = item.text;
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: { 'role': 'menuItem', 'tabindex': '-1' },
+                attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
+            if (this.enableHtmlSanitizer) {
+                li.textContent = item.url ? '' : tempItem;
+            }
+            else {
+                li.innerHTML = item.url ? '' : tempItem;
+            }
             if (item.url) {
                 li.appendChild(this.createAnchor(item));
                 li.classList.add('e-url');
@@ -645,12 +651,14 @@ let DropDownButton = class DropDownButton extends Component {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (splitButton.isReact && popupElem.childNodes.length < 1) {
                     splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    this.renderReactTemplates();
                 }
             }
             else {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (this.isReact && popupElem.childNodes.length < 1) {
                     this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    this.renderReactTemplates();
                 }
             }
         }