Columns are displayed incorrectly in carousels

Created on 2 October 2024, 8 months ago

Problem/Motivation

In carousels the row class is added to the carousel-item div. The carousel-item and active classes both change the display type, resulting in the loss of display: flex and therefore the column layout.

It also causes the content of the carousel-item to be offset to the left which results in an uneven looking carousel with the image not aligned with the buttons and caption.

Steps to reproduce

Create a carousel view. Set the columns to 2.

Proposed resolution

Create a child div element with the row class.

πŸ› Bug report
Status

Active

Version

5.5

Component

Carousel

Created by

πŸ‡ΊπŸ‡ΈUnited States rhovland Oregon

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024