Merge pull request #102 from BKWLD/fix-peeking-with-disabled-state

Fix peeking with disabled state
BKWLD · Sep 28, 2022 · f86395a · f86395a
2 parents 66a84e8 + dbdff2c
commit f86395a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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='[
     {

diff --git 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>