@syncfusion/ej2-navigations 20.4.38 → 20.4.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1491,6 +1491,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
1491
1491
  if (fliIdx === (e.action === DOWNARROW ? cul.childElementCount : -1)) {
1492
1492
  fliIdx = defaultIdx;
1493
1493
  }
1494
+ if (cul.children[fliIdx].classList.contains(HIDE)) {
1495
+ if (e.action === DOWNARROW && fliIdx === cul.childElementCount - 1) {
1496
+ fliIdx = defaultIdx;
1497
+ }
1498
+ else if (e.action === UPARROW && fliIdx === 0) {
1499
+ fliIdx = defaultIdx;
1500
+ }
1501
+ }
1494
1502
  }
1495
1503
  }
1496
1504
  var cli = cul.children[fliIdx];
@@ -2215,7 +2223,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2215
2223
  itemCreated: function (args) {
2216
2224
  if (args.curData[_this.getField('separator', level)]) {
2217
2225
  args.item.classList.add(SEPARATOR);
2218
- args.item.removeAttribute('role');
2226
+ args.item.setAttribute('role', 'separator');
2219
2227
  }
2220
2228
  if (showIcon && !args.curData[args.fields.iconCss]
2221
2229
  && !args.curData[_this.getField('separator', level)]) {
@@ -2227,9 +2235,6 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2227
2235
  args.item.appendChild(span);
2228
2236
  args.item.setAttribute('aria-haspopup', 'true');
2229
2237
  args.item.setAttribute('aria-expanded', 'false');
2230
- if (!_this.isMenu) {
2231
- args.item.removeAttribute('role');
2232
- }
2233
2238
  args.item.classList.add('e-menu-caret-icon');
2234
2239
  }
2235
2240
  if (_this.isMenu && _this.template) {
@@ -2253,9 +2258,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2253
2258
  }
2254
2259
  var ul = ListBase.createList(this.createElement, items, listBaseOptions, !this.template, this);
2255
2260
  ul.setAttribute('tabindex', '0');
2256
- if (this.isMenu) {
2257
- ul.setAttribute('role', 'menu');
2258
- }
2261
+ this.isMenu ? ul.setAttribute('role', 'menu') : ul.setAttribute('role', 'menubar');
2259
2262
  return ul;
2260
2263
  };
2261
2264
  MenuBase.prototype.moverHandler = function (e) {