@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.
@@ -1415,6 +1415,14 @@ let MenuBase = class MenuBase extends Component {
1415
1415
  if (fliIdx === (e.action === DOWNARROW ? cul.childElementCount : -1)) {
1416
1416
  fliIdx = defaultIdx;
1417
1417
  }
1418
+ if (cul.children[fliIdx].classList.contains(HIDE)) {
1419
+ if (e.action === DOWNARROW && fliIdx === cul.childElementCount - 1) {
1420
+ fliIdx = defaultIdx;
1421
+ }
1422
+ else if (e.action === UPARROW && fliIdx === 0) {
1423
+ fliIdx = defaultIdx;
1424
+ }
1425
+ }
1418
1426
  }
1419
1427
  }
1420
1428
  const cli = cul.children[fliIdx];
@@ -2124,7 +2132,7 @@ let MenuBase = class MenuBase extends Component {
2124
2132
  itemCreated: (args) => {
2125
2133
  if (args.curData[this.getField('separator', level)]) {
2126
2134
  args.item.classList.add(SEPARATOR);
2127
- args.item.removeAttribute('role');
2135
+ args.item.setAttribute('role', 'separator');
2128
2136
  }
2129
2137
  if (showIcon && !args.curData[args.fields.iconCss]
2130
2138
  && !args.curData[this.getField('separator', level)]) {
@@ -2136,9 +2144,6 @@ let MenuBase = class MenuBase extends Component {
2136
2144
  args.item.appendChild(span);
2137
2145
  args.item.setAttribute('aria-haspopup', 'true');
2138
2146
  args.item.setAttribute('aria-expanded', 'false');
2139
- if (!this.isMenu) {
2140
- args.item.removeAttribute('role');
2141
- }
2142
2147
  args.item.classList.add('e-menu-caret-icon');
2143
2148
  }
2144
2149
  if (this.isMenu && this.template) {
@@ -2162,9 +2167,7 @@ let MenuBase = class MenuBase extends Component {
2162
2167
  }
2163
2168
  const ul = ListBase.createList(this.createElement, items, listBaseOptions, !this.template, this);
2164
2169
  ul.setAttribute('tabindex', '0');
2165
- if (this.isMenu) {
2166
- ul.setAttribute('role', 'menu');
2167
- }
2170
+ this.isMenu ? ul.setAttribute('role', 'menu') : ul.setAttribute('role', 'menubar');
2168
2171
  return ul;
2169
2172
  }
2170
2173
  moverHandler(e) {