CSR-447: move mouse trigger to avoid edge case border clicking
This commit is contained in:
parent
92ecbd6d3c
commit
82c9e8563a
3 changed files with 3 additions and 3 deletions
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue