Re-apply RTL direction to slides

BKWLD · Jan 25, 2024 · 28a9ed1 · 28a9ed1
1 parent 9f73cae
commit 28a9ed1
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/ssr-carousel-track.vue b/src/ssr-carousel-track.vue
@@ -173,8 +173,11 @@ export default
 	render: (create) ->
 		create @trackHTMLElement,
 			attrs: {role: "tablist" if @renderAsTablist}
-			class: [ 'ssr-carousel-track', { @dragging } ]
 			style: @styles
+			class: [ 'ssr-carousel-track', {
+				@dragging
+				"ssr-carousel-rtl": @rtl
+			}]
 		, @makeSlides()
 
 </script>
@@ -199,6 +202,10 @@ export default
 .ssr-carousel-slide
 	flex-shrink 0
 
+	// Apply direction property which was reset in .ssr-carousel
+	.ssr-carousel-rtl &
+		direction rtl
+
 // 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']