CSR-447: move mouse trigger to avoid edge case border clicking

This commit is contained in:
Adam Caouette 2022-04-26 14:30:27 -04:00
parent 92ecbd6d3c
commit 82c9e8563a
3 changed files with 3 additions and 3 deletions

View file

@ -2,7 +2,6 @@
<div <div
class="list-group list-button-horizontal d-flex flex-column w-100 mb-2" class="list-group list-button-horizontal d-flex flex-column w-100 mb-2"
:class="[(errors.length > 0 || hasError) ? 'has-error' : '']" :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
@mouseup="triggerButton()"
@keyup.space="triggerButton()" @keyup.space="triggerButton()"
@keyup.up="handleKeyupArrow()" @keyup.up="handleKeyupArrow()"
@keyup.down="handleKeyupArrow()" @keyup.down="handleKeyupArrow()"
@ -23,6 +22,7 @@
:for="buttonID" :for="buttonID"
:aria-labelledby="buttonID" :aria-labelledby="buttonID"
class="d-flex flex-column justify-content-center py-3 px-4" class="d-flex flex-column justify-content-center py-3 px-4"
@mouseup="triggerButton()"
> >
<span <span
class="m-0" class="m-0"

View file

@ -2,7 +2,6 @@
<div <div
class="list-group list-button d-flex flex-column w-100 mb-2" class="list-group list-button d-flex flex-column w-100 mb-2"
:class="[(errors.length > 0 || hasError) ? 'has-error' : '']" :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
@mouseup="triggerButton()"
@keyup.space="triggerButton()" @keyup.space="triggerButton()"
@keyup.up="handleKeyupArrow()" @keyup.up="handleKeyupArrow()"
@keyup.down="handleKeyupArrow()" @keyup.down="handleKeyupArrow()"
@ -23,6 +22,7 @@
:for="buttonID" :for="buttonID"
:aria-labelledby="buttonID" :aria-labelledby="buttonID"
class="d-flex flex-column justify-content-center py-3 px-4" class="d-flex flex-column justify-content-center py-3 px-4"
@mouseup="triggerButton()"
> >
<span <span
class="m-0" class="m-0"

View file

@ -6,7 +6,6 @@
isWide ? 'horizontal' : '', isWide ? 'horizontal' : '',
(errors.length > 0 || hasError) ? 'has-error' : '', (errors.length > 0 || hasError) ? 'has-error' : '',
]" ]"
@mouseup="triggerButton()"
@keyup.space="triggerButton()" @keyup.space="triggerButton()"
@keyup.up="handleKeyupArrow()" @keyup.up="handleKeyupArrow()"
@keyup.down="handleKeyupArrow()" @keyup.down="handleKeyupArrow()"
@ -28,6 +27,7 @@
:aria-labelledby="buttonID" :aria-labelledby="buttonID"
class="d-flex w-100 align-items-center px-2 h-100" class="d-flex w-100 align-items-center px-2 h-100"
:class="getLabelClasses" :class="getLabelClasses"
@mouseup="triggerButton()"
> >
<img <img
:id="buttonImageId" :id="buttonImageId"