Fix buttons accessibility using keyboard
This commit is contained in:
parent
d681188b73
commit
3ebb2987c2
|
@ -40,7 +40,7 @@
|
||||||
<button (click)="onWantToReply()" class="comment-action-reply border-0 p-0" i18n>Reply</button>
|
<button (click)="onWantToReply()" class="comment-action-reply border-0 p-0" i18n>Reply</button>
|
||||||
|
|
||||||
<my-user-moderation-dropdown
|
<my-user-moderation-dropdown
|
||||||
[prependActions]="prependModerationActions" tabindex=0 [buttonStyled]="false"
|
[prependActions]="prependModerationActions" [buttonStyled]="false"
|
||||||
buttonSize="small" [account]="commentAccount" [user]="commentUser" i18n-label label="Options" placement="bottom-left auto"
|
buttonSize="small" [account]="commentAccount" [user]="commentUser" i18n-label label="Options" placement="bottom-left auto"
|
||||||
></my-user-moderation-dropdown>
|
></my-user-moderation-dropdown>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
|
|
||||||
<h6
|
<h6
|
||||||
*ngIf="!action.linkBuilder && action.isHeader && areActionsDisplayed(actions, entry)" [ngClass]="{ 'with-icon': !!action.iconName }"
|
*ngIf="!action.linkBuilder && action.isHeader && areActionsDisplayed(actions, entry)" [ngClass]="{ 'with-icon': !!action.iconName }"
|
||||||
class="dropdown-header" tabindex="0" role="button" [title]="action.title || ''" (click)="action.handler(entry)" (keyup.enter)="action.handler(entry)"
|
class="dropdown-header" [title]="action.title || ''" (click)="action.handler(entry)" (keyup.enter)="action.handler(entry)"
|
||||||
>
|
>
|
||||||
<ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container>
|
<ng-container *ngTemplateOutlet="templateActionLabel; context:{ $implicit: action }"></ng-container>
|
||||||
</h6>
|
</h6>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user