CSR-818: fix accessibility for greyed out button
This commit is contained in:
parent
7600d0b181
commit
3cb31dcd59
2 changed files with 1 additions and 2 deletions
|
|
@ -9,7 +9,6 @@
|
||||||
:buttonText="buttonText"
|
:buttonText="buttonText"
|
||||||
loaderColor="white"
|
loaderColor="white"
|
||||||
:class="isForwardActionDisabled && 'form-test-invalid'"
|
:class="isForwardActionDisabled && 'form-test-invalid'"
|
||||||
:aria-disabled="isForwardActionDisabled"
|
|
||||||
:isDisabled="isForwardActionDisabled"
|
:isDisabled="isForwardActionDisabled"
|
||||||
@click-event="buttonClick"
|
@click-event="buttonClick"
|
||||||
data-bs-target="#footerModal"
|
data-bs-target="#footerModal"
|
||||||
|
|
@ -85,6 +84,7 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
buttonClick() {
|
buttonClick() {
|
||||||
|
if (this.isForwardActionDisabled) { return false }
|
||||||
//prevent keyboard input after button click
|
//prevent keyboard input after button click
|
||||||
document.onkeydown = function (e) {
|
document.onkeydown = function (e) {
|
||||||
return false;
|
return false;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<button
|
<button
|
||||||
:aria-disabled="isDisabled"
|
|
||||||
class="btn d-flex align-items-center py-3 px-4 delay"
|
class="btn d-flex align-items-center py-3 px-4 delay"
|
||||||
:class="[isPrimary ? 'btn-primary' : 'btn-secondary',isFloat ? 'float-end' : '', isLoaderDisplayed ? 'has-loader' : '']"
|
:class="[isPrimary ? 'btn-primary' : 'btn-secondary',isFloat ? 'float-end' : '', isLoaderDisplayed ? 'has-loader' : '']"
|
||||||
@click="clicked()"
|
@click="clicked()"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue