AutoHeight and fade

[DonDi1989]

When I am using autoHeight: true and mode: "fade" it is cutting the images when I am moving from slide to slide. Images are cutting and small part of the viewport is visible until I make a loop. After I have moved on all the slides it is starting to work properly. How can I resolve this issue:

`

var slider = jQuery('.slider-surfcamp').bxSlider({

		mode: "fade",

		speed: 800,

		adaptiveHeight: true,

		adaptiveHeightSpeed: 500,

		pager: true,

		//video: true,

		//preloadImages: 'all',

		controls: false,

		onSliderLoad: function() {
			AOS.refresh();
		},

		onSlideBefore: function() {

			jQuery(".wistia-play").removeClass("wistia-control-hide");
			jQuery(".wistia-player").removeClass("wistia-control-show");
			var allVideos = Wistia.api.all();
			for (var i = 0; i < allVideos.length; i++) {
				allVideos[i].pause();
			}

		},

		onSlideAfter: function() {

		}
	});

	jQuery(".slider__nav-left").click(function(e) {
		e.preventDefault();

		slider.goToPrevSlide();
	});

	jQuery(".slider__nav-right").click(function(e) {
		e.preventDefault();
		
		slider.goToNextSlide();
	});`