SOLVED: Carousel/Slider/Nestable Slider width calculcation in CSS grid (fr unit)

Bugs
1

Browser: ARC - Versione 1.41.0 (49440)
Chromium Engine Version 124.0.6367.92
OS: macOS
URL: Link to a page that illustrates this issue
Video: Immobili singolo (Modello) - 3 May 2024 | Loom

hello, i’m using bricks with core framework, i saw that in mobile version the gallery carousel has an absurd value to set the size in the style attribute.

i attach a video.

I hope you can help me my best regards

vincenzo

2

Hi Vincenzo,
Welcome to the forum, and thanks so much for your report!

Unfortunately, I cannot reproduce the problem. Can you please try to reproduce it in a live installation and send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase?

Best regards,
timmse

3

Thanks for the access data! Apparently our sliders have problems within “simply defined” CSS grids (e.g. 1fr instead of minmax(0, 1fr). We have the same/a similar problem with the WooCommerce gallery.

Interim fix:

CleanShot 2024-05-08 at 14.58.57@2x
CleanShot 2024-05-08 at 14.58.57@2x710×862 36.3 KB

1 Like
4

The issue is fixed.

Thank’s Timmse.

5

Temporarily yes :smiley: Nevertheless, I have created a task to check whether we can generally fix the problem.

1 Like
6

Hi guys,

We’ve fixed this issue in Bricks 1.10.2, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.10.2 Changelog – Bricks

Best regards,
M

7

I’m having the same issue now with the latest Bricks 1.11, but the slider is broken across all breakpoints.

I have a 3-col grid set at “220px 2fr 1fr” and this breaks the slider. Setting it to “220px (minmax(0,2fr)) 1fr” fixes the issue, so what @timmse has suggested fixes the layout, but this is wild.