uikit / uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces

Home Page:http://getuikit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Timeout in Slider when loading WebP

ts0924 opened this issue · comments

UIkit Version

Check if the issue is reproducible with the latest stable version.
3.18.0

Actual Behavior

Timeout or loading status forever when reading images as slider items.

Expected Behavior

Loading completed and slide items are shown. It was OK till 3.17.11.

Steps to Reproduce the Problem

  1. Timeout when loading WebP in uk-sider > uk-slider-items
  2. JPEB/PNG is fine

I'm having the same issue with WebP images in a slider.
Other sliders on the same site that use jpg images instead of WebP work as expected.

UPDATE:
When I explicitly add the data-type="image" attribute then it works fine, but that shouldn't be necessary since the path in the href attribute contains the filename including the extension.
(cfr the lightbox documentation)

It seems to work fine for me, can you please add a minimal codepen example?

@janschoenherr I found the cause of the issue.
I tried to create a reproducer in codepen as requested, but without success.
Therefore I knew something was different between the codepen and my code, although the html was an exact copy/paste.
After reinvestigating the website where I noticed the issue, I detected that an older version of the uikit.min.js file was being served because of some inheritance issue with a parent template.
After fixing that, the correct version of the js file was loaded and the slider with lightbox worked as expected.