position-relative class on carousel

Created on 24 October 2024, 5 months ago

Problem/Motivation

carousel broken after recent upgrade

Steps to reproduce

https://git.drupalcode.org/project/views_bootstrap/-/merge_requests/43/d...

Proposed resolution

not sure if `position-relative` is necessary. broke one of our carousels because of an img having a position absolute. more of a investigation needed maybe?

🐛 Bug report
Status

Active

Version

5.5

Component

Carousel

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

Comments & Activities

  • Issue created by @tylertech-lee-hazlett
  • 🇺🇸United States rhovland Oregon

    "position-relative" is necessary for the captions (absolute position) to align to the carousel item. Normally this is the element with "carousel-inner". But because this module allows for doing grid layouts inside the carousel the "col" elements are lacking this anchor for the captions which are absolute positioned.

    Before this change any absolute positioned element within a carousel (eg the caption) would be positioned according the first parent element with a relative position property. That was the carousel container instead of the carousel item.

    This bug fix essentially changed the parent element your absolutely positioned image aligns to. Why does your image have an absolute position?

  • Status changed to Closed: works as designed 3 months ago
  • 🇮🇳India ravi kant Jaipur

    I am agree with @rhovland

Production build 0.71.5 2024