SSENSE/vue-carousel

Bug: events are propagating outside of the carousel

Open

#409 创建于 2019年3月26日

在 GitHub 查看
 (5 评论) (0 反应) (0 负责人)JavaScript (1,705 star) (513 fork)batch import
buggood first issuehelp wanted

描述

Hi,

Firstly, thanks for this very nice component :)

I'd like to have input range inside draggable carousel. But it's impossible to use these inputs because on drag carousel moves to previous / next slide. Can I somehow control when to swipe carousel or not? Disabling drag functionality for carousel is not an option for me, unfortunately.

jsfiddle

Thanks for any help :)

贡献者指南

技术栈
vuejavascript
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Vue.jsEvent propagation
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
Investigate the carousel's event handling logic, particularly in the drag implementation (likely in src/components/Carousel.vue). Look for ways to prevent event propagation from interactive child elements like input range. Consider adding a prop to allow users to specify elements that should not trigger carousel swipe. Review any existing comments on this issue for suggested approaches.