From dc8f2b48d876541e096e005bd1e16a5e39c35b8c Mon Sep 17 00:00:00 2001
From: Robert Reinhard <robert.reinhard@bukwild.com>
Date: Fri, 23 Sep 2022 14:21:43 -0700
Subject: [PATCH 1/2] Reproduce issue with disasbled carousels and peek + loop

#95
---
 demo/components/demos/misc/disabling.vue | 4 +++-
 demo/content/misc.md                     | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/demo/components/demos/misc/disabling.vue b/demo/components/demos/misc/disabling.vue
index 0c7422c..a0622b5 100644
--- a/demo/components/demos/misc/disabling.vue
+++ b/demo/components/demos/misc/disabling.vue
@@ -1,9 +1,11 @@
 <template>
 
 <ssr-carousel
-	data-cy='disabling'
+  data-cy='disabling'
   show-arrows
   show-dots
+  loop
+  :peek='20'
   :slides-per-page='3'
   :responsive='[
     {
diff --git a/demo/content/misc.md b/demo/content/misc.md
index 12b602e..0feda84 100644
--- a/demo/content/misc.md
+++ b/demo/content/misc.md
@@ -12,6 +12,8 @@ Note how this carousel is enabled on mobile viewports but automatically disables
 <ssr-carousel
   show-arrows
   show-dots
+  loop
+  :peek='20'
   :slides-per-page='3'
   :responsive='[
     {

From dbdff2cc4629d4a63254b694f64003faa6b47704 Mon Sep 17 00:00:00 2001
From: Robert Reinhard <robert.reinhard@bukwild.com>
Date: Fri, 23 Sep 2022 14:21:55 -0700
Subject: [PATCH 2/2] Hide cloned slides when disabled

---
 src/ssr-carousel-track.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/ssr-carousel-track.vue b/src/ssr-carousel-track.vue
index be8afc9..155599b 100644
--- a/src/ssr-carousel-track.vue
+++ b/src/ssr-carousel-track.vue
@@ -171,4 +171,9 @@ export default
 .ssr-carousel-slide
 	flex-shrink 0
 
+// When the carousel is disabled (not enough slides to fill width), hide any
+// clones that have created for other breakpoints (those with aria-hidden=true).
+.ssr-carousel-mask.disabled .ssr-carousel-slide[aria-hidden='true']
+	display none
+
 </style>