vuetifyjs/vuetify

[Feature Request] Add mouse hover to stop cycle(change of slide) in carousel.

Open

#10 544 ouverte le 11 févr. 2020

Voir sur GitHub
 (1 commentaire) (8 réactions) (0 assignés)TypeScript (7 139 forks)batch import
C: VCarouselT: featuregood first issue

Métriques du dépôt

Stars
 (40 995 stars)
Métriques de merge PR
 (Merge moyen 59j 10h) (8 PRs mergées en 30 j)

Description

Problem to solve

currently, there is no way to stop slide when hovering over the slide in v-carousel

Proposed solution

well i don't have a proposed solution, sorry...also thank you for making this wonderful component framework.. :)

###1hour later Well alternative way to solve it is using v-hover

<v-hover v-slot:default="{ hover }">
<v-carousel :cycle="hover ? false : true">
</v-carousel>
</v-hover>

but add a stop-on-hover prop to v-carousel might be more easy, I guess..!!??

Guide contributeur

Direction de recherche
Examinez le code source du composant v carousel pour identifier l'endroit où la logique de cycle est implémentée et ajoutez une prop 'stop on hover' qui suspend le cycle lorsque la souris survole le carrousel.
Stack technique
typescriptvue
Domaine
frontend
Type d'issue
Fonctionnalité
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.
Plutôt claire
Prérequis
GitVue
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75