UIKit (GetUIKit) - изображение слайдера не загружается до перехода

Question

Я использую UIKit (GetUIKit) и добавил простой слайдер (https://getuikit.com/docs/slider), но по какой-то причине правильное изображение не загружается, пока не произойдет переход.

Вот снимок экрана с происходящим: https://www.youtube.com/watch?v=y_LV2yE99PA

Вот скрипка, в которой я могу воссоздать ее: https://jsfiddle.net/kungfauxn00b/s237uh9m/3

Вот мой код:

<div id="hero-carousel" class="uk-container-expand">
    <div class="uk-position-relative uk-visible-toggle uk-light" uk-slider="center: true; autoplay: true; autoplay-interval: 3000;">
        <ul class="uk-slider-items uk-grid">
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel">This is some extra text</div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
            <li class="uk-width-3-4">
                <div class="uk-panel">
                    <img src="http://via.placeholder.com/2000x800/333/fff" alt="">
                    <div class="uk-position-center uk-panel"></div>
                </div>
            </li>
        </ul>
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
</div>

Есть идеи, что я делаю не так?

Answer 1

Не обращайте внимания, это было зарегистрировано как ошибка: https://github.com/uikit/uikit/issues/4087