SSENSE/vue-carousel

Bug: Slides with inputs lose focus immediately when clicked

Open

#66 aberto em 8 de jul. de 2017

Ver no GitHub
 (8 comments) (5 reactions) (0 assignees)JavaScript (513 forks)batch import
buggood first issue

Métricas do repositório

Stars
 (1.705 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Hello

I tried this carousel and I think it´s great. It´s easy and nice to use.

But I wanted to use it with some form components and other elements different that only images. When I click on the inputs, they just lose focus immediately. I don´t want to think that this component is only mean to use for images. It could be good idea that any component could be used.

Well, if you have a solution for my situation, I would really thank you.

Again, nice component

Guia do colaborador

Direção de pesquisa
Investigue o tratamento de eventos do carrossel, particularmente os eventos 'mouseenter' ou 'touchstart' que podem estar roubando o foco. Verifique o componente Slide por quaisquer diretivas @click.stop ou v on que impeçam o foco do input. Examine os componentes Page e Slide no código fonte. O problema sugere que clicar em um input faz o carrossel renderizar novamente ou paginar, o que rouba o foco. Uma possível solução é verificar se o alvo clicado é um elemento de input e pular a lógica de mudança de slide.
Pilha de tecnologia
javascriptvue
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
Vue.js
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70