I created a loop using the Slider widget (Nestable) and tried to include a box shadow for the loop items. But unfortunately, the shadow of the box is not displayed well. Please see this screenshot.
On the other hand, if we do not use the carousel and create a loop in a block container, the shadow of the box will be displayed well : Screenshot by Lightshot
I have a way around this problem, but it makes things go wrong. So is there a way to fix this in future versions?
It should be noted that if we use the border, it will be displayed without any problem and only the shadow of the box has a problem.
You are comparing apples and oranges (the loop vs the slider)
Unlike the loop, the slider must use overflow:hidden so that the other slide items are not visible. Accordingly, the box-shadow is cut off.
Now you could think about adding padding to the slider to create space for the shadow. But this only works vertically, horizontally it messes up the slide width calculation.
The only way I can see is to add the padding to the slide item, place a div or block element, and apply the box-shadow to it so the shadow has some breathing room.
