not working with bootstrap 5 lite theme

[robertgarrigos]

The carousel is not working well in a bootstrap 5 lite theme. The elements are not shown.

Applying the basis theme fixes it:

[indigoxela]

Can you get a little more specific than "not working"?

I never use any of those bootstrap themes, so I can't know which CSS conflicts. PR welcome.

[robertgarrigos]

As I said, the elements are not shown. I attached two screenshots: the first one with a bootstrap 5 template and the second with the basis template. There is some kind of javascript working, as there are some changes in the html, but there are no images shown. If I have the time, I will try a PR. I just wanted, at least, to have this filed in.

[indigoxela]

Sure, many thanks for reporting.

However, I'm having trouble to understand what you mean with "bootstrap 5 template and ... with the basis template" - which sort of "template" could break the display?

Flickity ships with two templates, flickity-gallery-field.tpl.php and flickity-carousel-field.tpl.php and I can't imagine that a theme breaks those.

So, that's the point where I need more info.
My suspicion is, that some CSS breaks with that opinionated theme.

[indigoxela]

Here's a pull request for testing #19

[robertgarrigos]

sorry, I meant bootstrap 5 theme, not template. I'll test de PR.

[robertgarrigos]

Thanks, @indigoxela, this PR resolves the problem with a bootstrap 5 theme.

[indigoxela]

Awesome, many thanks for testing (and reporting). 🙏