SSENSE/vue-carousel

Bug: events are propagating outside of the carousel

Open

#409 opened on 2019年3月26日

GitHub で見る
 (5 comments) (0 reactions) (0 assignees)JavaScript (1,705 stars) (513 forks)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
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.