Bug: Slides with inputs lose focus immediately when clicked · SSENSE/vue-carousel#66

(8 评论) (5 反应) (0 负责人)JavaScript (1,705 star) (513 fork)batch import

buggood first issue

描述

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

贡献者指南

技术栈: vuejavascript
领域: frontend
议题类型: bug
难度: 3
预计时间: half day
活动状态: stale
清晰度: mostly clear
前置要求: Vue.js basicsunderstanding of DOM focus events
新手友好度: 40
研究方向: Investigate the carousel's event handling, particularly the 'mouseenter' or 'touchstart' events that might be stealing focus. Check the Slide component for any @click.stop or v on directives that prevent input focus. Look at the Page and Slide components in the source code. The issue suggests that clicking on an input causes the carousel to re render or paginate, which steals focus. A possible solution is to check if the clicked target is an input element and skip the slide change logic.