Is it possible to make owl-carousel not change the height of the slides during scrolling with display: none on the parent?

Question

JavaScript

There is this code:

When you click on the link click to me, owl-carousel for some reason compresses the slides to zero height, and then restores their height. Is it possible to make sure that this doesn't happen? With two conditions:
1. You can not remove display: none from the parent (or you can, but you need to somehow hide the slider. And at the same time, so that the space occupied by it does not remain (visiblity: hidden will not work)).
2. You can not remove autoHeight: true in the slider settings.

Answer 1

add in css

.owl-height{
  transition: 0s;
}