SSENSE/vue-carousel

Bug: navigateTo="newSlide" doesn't work with 5 or more slides per page

Open

#193 ouverte le 4 mai 2018

Voir sur GitHub
 (1 commentaire) (1 réaction) (0 assignés)JavaScript (513 forks)batch import
bughelp wantedneed repro

Métriques du dépôt

Stars
 (1 705 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

If I change 5 slides per page for 4 or less, the :navigateTo prop works fine.

Here is my code, note that on 1024 width screen it does not work because of 5 slides.

<carousel
        ref="carousel"
        :per-page-custom="[[1024,5], [768,4], [480,4], [340, 3]]"
        :navigation-enabled="true"
        :pagination-enabled="false"
        :navigationClickTargetSize="0"
        :navigation-next-label="'<i></i>'"
        :navigation-prev-label="'<i></i>'"
        :navigateTo="newSlide"
        @pageChange="pageChange"
        :loop="true">
    <slide v-for="(p,k) in periods" :key="k">
        <a @click="period = p" :class="period == p ? 'active' : ''">{{ p.title
            }}</a>
    </slide>
</carousel>

Guide contributeur

Direction de recherche
Examinez la logique perPageCustom du composant carrousel et comment navigateTo interagit avec le nombre de diapositives par page. Concentrez vous sur la condition lorsque 5 diapositives par page sont définies et tracez le calcul de la pagination pour trouver où le bogue se produit.
Stack technique
vuejavascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Vue.jsGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70