Incompatibility with the Contao Content Slider (content_element/swiper)

[module23]

If you place a content slider (content_element/swiper) in a column set, e.g. 2 columns, the slider no longer works as expected - the view jumps permanently, as if the slider is constantly initialized.
Tested under Contao 5.3.33 /.34 with Clickpress Grid 2.2.3

[stefansl]

Thanks for the report. As a quickfix add overflow:hidden to your Swiper element group.
Right now, I'm not sure about the best solution for the grid system and I don't want to add something like this:

[class*=grid_] > * {
  overflow: hidden;
}

[module23]

Is there a chance of an update?

[jaynoe]

I don't see a good solution here either. I also think that giving every element in the grid overflow:hidden is problematic. However, you could at least give the “Spalte Anfang” element the class “block.” That would be a workaround and you wouldn't have to give every element overflow:hidden.

<section class="ce_cp_grid_start block">
   <div class="grid_desktop_50_50 grid_tablet_50_50 grid_mobile_100 grid_start block">
      <div class="ce_cp_column_start block">
          <div class="content-swiper" data-aos-duration="800"> ... </div>
     </div>
     <div>...</div>
   </div>
</section>

Either you assign it yourself or you set it in the template. What do you think @stefansl ?

[stefansl]

Thank you @jaynoe
Are there any limitations? Could we add the block class by default?

[jaynoe]

I think we can assign the block class to the "Spalte Anfang" element without any restrictions. ce_cp_grid_start & grid_start already have this class anyway. Perhaps it would be more “complete” if we added it.

I created a pull request: #20

@module23 With the update, you would then need to place the Swiper element in the "Spalte Anfang" (as shown in my screenshot) wrapper. Then everything should be displayed correctly.

[module23]

@jaynoe So the swiper must always be in a single-column within a column set, then it works? Then you would always have to pack it into a "Spalte", but that would be a small evil.

[jaynoe]

@module23 That's how it worked in my tests. As long as my pull request hasn't been revised, you can add the “block” class to the "Spalte" or slider. Then you don't have to write any extra CSS.

[stefansl]

I think going for default block class has to much side effects in a lot of installations. Maybe a specific CSS solution ist the right decision:
.ce_cp_column_start:has(.content-swiper) { overflow: hidden; }
What do you think?