diff options
Diffstat (limited to 'src/api/menu/components/SuperMenu.vue')
| -rw-r--r-- | src/api/menu/components/SuperMenu.vue | 53 |
1 files changed, 31 insertions, 22 deletions
diff --git a/src/api/menu/components/SuperMenu.vue b/src/api/menu/components/SuperMenu.vue index 7b66c68b6..70db21b93 100644 --- a/src/api/menu/components/SuperMenu.vue +++ b/src/api/menu/components/SuperMenu.vue @@ -5,45 +5,54 @@ > <ul v-if="options.actions.length && options.actions[0].length" + role="menu" class="c-super-menu__menu" > <template v-for="(actionGroups, index) in options.actions" > - <li - v-for="action in actionGroups" - :key="action.name" - :class="[action.cssClass, action.isDisabled ? 'disabled' : '']" - :title="action.description" - :data-testid="action.testId || false" - @click="action.onItemClicked" - @mouseover="toggleItemDescription(action)" - @mouseleave="toggleItemDescription()" - > - {{ action.name }} - </li> <div - v-if="index !== options.actions.length - 1" - :key="index" - class="c-menu__section-separator" - > - </div> - <li - v-if="actionGroups.length === 0" :key="index" + role="group" > - No actions defined. - </li> - </template> + <li + v-for="action in actionGroups" + :key="action.name" + role="menuitem" + :class="[action.cssClass, action.isDisabled ? 'disabled' : '']" + :title="action.description" + :data-testid="action.testId || false" + @click="action.onItemClicked" + @mouseover="toggleItemDescription(action)" + @mouseleave="toggleItemDescription()" + > + {{ action.name }} + </li> + <div + v-if="index !== options.actions.length - 1" + :key="index" + role="separator" + class="c-menu__section-separator" + > + </div> + <li + v-if="actionGroups.length === 0" + :key="index" + > + No actions defined. + </li> + </div></template> </ul> <ul v-else class="c-super-menu__menu" + role="menu" > <li v-for="action in options.actions" :key="action.name" + role="menuitem" :class="action.cssClass" :title="action.description" :data-testid="action.testId || false" |