NO BUG: Bug in use nth-of-type in nestable carousel > loop

Browser: Chrome 114
OS: Windows

Hi

I am using nth-of-type inside a nestable carousel (as shown below).

The problem is that the result is not displayed well in the editor. But in the front end everything is fine. For example, according to the image above, I want the first and last div to have border-radius. But unfortunately, the result is not displayed in the editor. Am I wrong?

UPDATE : Actually, this problem exists only in nestable carousel. I don’t know why, but the nth-of-type in this widget always displays one less item. Of course, only in the editor. For example, I have considered the nth-of-type value as 2. But the desired changes in the editor have been applied to the first item(1). While if I look at the front end, the second item(2) has changed.

Hey @jolia,

thanks for your report.

Using :nth-child or :nth-of-type selectors in this situation won’t work reliably as the library automatically clones slides and puts them before and after the “real slides”.

So this is where the inconsistency is coming from.

Best,

André

1 Like