Why is the height of the carousel not adjusted by the tallest element?

Question

JavaScript

There is an owl carusel in which blocks of different heights, for which, according to the documentation, I wrote the autoHeight: true instruction in the carousel. But, the carousel's height changes to the tallest element only when the element occupies the first position, and not at the moment it appears (part of the element is hidden). Why is this and how can it be corrected? For a visual demonstration, I showed this using the fidl example :

Answer 1

autoHeight: true it is desirable to use only for one slide, you have 3 of them, therefore it does not work correctly
autoHeight: false
- Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting .

Answer 2

from the "Use it only for one item per page setting" docs. Lightslider can be tried as an alternative.