Client - make inactive link not tabbable in pagination component

This commit is contained in:
Sam 2023-07-12 19:58:56 +02:00
parent 4b3270f546
commit a831f5732b

View File

@ -7,6 +7,7 @@
class="page-link" class="page-link"
:to="{ path, query: getQuery(pagination.page, -1) }" :to="{ path, query: getQuery(pagination.page, -1) }"
:disabled="!pagination.has_prev" :disabled="!pagination.has_prev"
:tabindex="pagination.has_prev ? 0 : -1"
> >
<slot @click="pagination.has_next ? navigate : null"> <slot @click="pagination.has_next ? navigate : null">
{{ $t('api.PAGINATION.PREVIOUS') }} {{ $t('api.PAGINATION.PREVIOUS') }}
@ -35,6 +36,7 @@
class="page-link" class="page-link"
:to="{ path, query: getQuery(pagination.page, 1) }" :to="{ path, query: getQuery(pagination.page, 1) }"
:disabled="!pagination.has_next" :disabled="!pagination.has_next"
:tabindex="pagination.has_next ? 0 : -1"
> >
<slot @click="pagination.has_next ? navigate : null"> <slot @click="pagination.has_next ? navigate : null">
{{ $t('api.PAGINATION.NEXT') }} {{ $t('api.PAGINATION.NEXT') }}