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 (40 995 stars) (7 139 forks)batch import
C: VCarouselT: featuregood first issue

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

Stack technique
vuetypescriptjavascriptcss
Domaine
frontend
Type d'issue
feature
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 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Vue.js basicsVuetify component structure
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
The v carousel component is likely in packages/vuetify/src/components/VCarousel/. Look for the cycle property and add a new prop like 'stop on hover' that pauses cycling when hovering. See the workaround using v hover for reference. Check any existing tests and ensure the prop works with the cycle prop. The issue does not have a proposed implementation but suggests adding a prop similar to the workaround.