Carousel draggable outside of element #205
-
|
Hi, I have multiple carousels in a masonry style layout. I am finding that if 2 carousels are next to each other, then you are unable to drag the other without finding a space where the carousel overlaps. I used this sandbox which has exactly what I needed and doesn't have the issue in question: https://codesandbox.io/s/embla-carousel-github-issue-28-gyst0?file=/index.html From that sandbox I took the the embla css and the following script: `var emblaNodes = [].slice.call(document.querySelectorAll(".embla__viewport")); var emblaCarousels = emblaNodes.map(function(emblaNode) { Implemented it into mine and just removed basic padding and margin values whilst also amending the slide width depending on styling. Overall, the same minus some minor tweaks. I would have taken the whole JS but it would only work on the first two carousels but I have used the above before. Here is a link to a video showing the issue: https://photos.app.goo.gl/a6npYjuXSbFudSyeA Untitled.mp4I would post a link to my site but I'm not sure whether that is deemed ok in guidelines. If that would help I can. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 10 replies
-
|
Hi @mk2moo, The following video link you shared doesn't work: https://photos.app.goo.gl/a6npYjuXSbFudSyeA. I’m guessing that it’s a link to your private Google Foto account. GitHub supports videos now so you can just download the video, edit your original post and drag & drop the video. Best, |
Beta Was this translation helpful? Give feedback.
Hi @mk2moo,
The following video link you shared doesn't work: https://photos.app.goo.gl/a6npYjuXSbFudSyeA. I’m guessing that it’s a link to your private Google Foto account. GitHub supports videos now so you can just download the video, edit your original post and drag & drop the video.
Best,
David