@syncfusion/ej2-navigations 34.2.7 → 34.2.8

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

@@ -7627,6 +7627,9 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
                                 var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
                                 var temp = property[parseInt(k.toString(), 10)];
                                 var content = select('.' + CLS_CTENT, item);
+                                if (temp === 'expanded' && !newVal && !isNullOrUndefined(item) && item.classList.contains(CLS_ACTIVE)) {
+                                    this.expandItem(false, index);
+                                }
                                 if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
                                     this.updateItem(item, index);
                                 }
@@ -8638,7 +8641,6 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         this.tbObj.isStringTemplate = true;
         this.tbObj.createElement = this.createElement;
         this.tbObj.appendTo(this.hdrEle);
-        attributes(this.hdrEle, { role: 'tablist' });
         if (!isNullOrUndefined(this.element.getAttribute('aria-label'))) {
             this.hdrEle.setAttribute('aria-label', this.element.getAttribute('aria-label'));
             this.element.removeAttribute('aria-label');
@@ -8647,6 +8649,16 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             this.hdrEle.setAttribute('aria-labelledby', this.element.getAttribute('aria-labelledby'));
             this.element.removeAttribute('aria-labelledby');
         }
+        var scrollContent = this.tbObj.element.querySelector('.' + (this.isVertical() ? CLS_VSCRCNT : CLS_HSCRCNT));
+        var popupContainer = select('.' + CLS_TB_POP, this.tbObj.element);
+        var isScrollableMode = this.overflowMode === 'Scrollable' || this.overflowMode === 'MultiRow';
+        var isPopupMode = this.overflowMode === 'Popup' || this.overflowMode === 'Extended';
+        if (isScrollableMode) {
+            this.setTablistRole(scrollContent);
+        }
+        else if (isPopupMode) {
+            this.setTablistRole(popupContainer);
+        }
         this.updatePopupIconAriaLabel();
         this.setCloseButton(this.showCloseButton);
         var toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
@@ -8654,6 +8666,14 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
             if (isNullOrUndefined(toolbarHeader.id) || toolbarHeader.id === '') {
                 toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
             }
+            if (isPopupMode || (isScrollableMode && isNullOrUndefined(scrollContent))) {
+                this.setTablistRole(toolbarHeader);
+            }
+        }
+    };
+    Tab.prototype.setTablistRole = function (el) {
+        if (!isNullOrUndefined(el)) {
+            attributes(el, { role: 'tablist' });
         }
     };
     Tab.prototype.updatePopupIconAriaLabel = function () {