Contrib.social

Carousel effect option does nothing

Open on Drupal.org →
Created on 1 October 2024, 6 months ago

When configuring the carousel in the style options:
Changing the Effect from the default "slide" to any of the other options has no effect.

In 5.4.x templates/views-bootstrap-carousel.html.twig has the following snippet
<div id="{{ id }}" class="carousel {{ effect }}"

In 5.5.x it's like this

<div id="{{ id }}" class="carousel slide" data-ride="carousel"{% if ride %} data-bs-ride="carousel" {% endif %}
     data-bs-interval="{{ interval }}" data-bs-pause="{% if pause %}hover{% else %}false{% endif %}"
     data-wrap="{{ wrap }}">

https://getbootstrap.com/docs/5.3/components/carousel/#crossfade

To implement crossfade the carousel-fade class needs to be added conditionally.
<div id="carouselExampleFade" class="carousel slide carousel-fade">

Additionally it appears that "No effect" is not a valid option in Bootstrap 5 (or seemingly BS4) so that option should be removed.

🐛 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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024