NO BUG: Problems in the nestable slider element

Bugs
1

Browser: Chrome 120
OS: Windows

Hi bricks team,

The nestable slider element is very powerful. But while working with it, I noticed two simple but important problems.

1- I think the current approach of this element in controlling the height of the slides is not suitable. Because currently, the default height of slides is 50vh. On the other hand, there is no option to make the slides equal in height.
On the other hand, the Auto height option is an additional control and even if it is removed, we can achieve the same result as shown in the screenshot below.

1
11545×557 33.7 KB

proposed solution :

The current approach to adjusting the height of slides does not cover all the scenarios necessary to adjust the height of slides. Especially since we can make the height of the slides equal.

The solution below will cover all scenarios

1- Auto height option should be removed and equal height should be added.
2- In the height option, remove the default value (50vh) so that the height of the slides is automatically adjusted based on the elements inside the sliders.
3- When we add the nestable slider element, the equal height option is enabled by default. If we turn off this option, it will be auto. (In this case, the height option may not even be needed)

I love bricks. But in this case, I want to give an example of Elementor’s nested slider element, which has implemented this case well. Please watch the video below @thomas.

thank you

2

Hi,
Thanks so much for your report, which is unfortunately not a bug.

The auto height setting and height: auto are two completely different things with different outcome for different scenarios.

Using the auto height setting, the slider will adapt its height based on the largest visible slide. You can see that if you decrease the items to show to e.g. 1 - the whole slider grows and shrinks.

Setting the height to auto (instead of the default 50vh), the slides will take up the height of the largest slide across all slides and are therefore equal in height.

Best regards,
timmse

3

Oh, thank you very much. Now I see the equal height. But due to the existence of a small bug, I could not realize the existence of equal height until now.

Please watch the video below. When I enable the auto height option, the equal height is canceled which is normal. But when I turn off the equal height option, auto height doesn’t work anymore and only reloading the editor solves the problem.

4

It may be necessary to reload the builder or change the window width in some cases to re-initialize the slider.