Version 8.x-2.6 introduced an issue where the caption of images is not visible anymore regardless of field settings in the slick image field formatter.

By adding a some css to my theme I was able to simple solve the issue for me, but there should be a more general fix.

.slide__caption {
    visibility: visible !important; 
}

Comments

stopopol created an issue. See original summary.

gausarts’s picture

gausarts commented

Thank you.

No clues for now, but might be related to Blazy dev storms recently.

What is your Blazy version?
Try latest 2.10 RC, and let me know.

stopopol’s picture

stopopol commented

I use 8.x-2.9. I also just tried 2.10 RC but the issues persists with that one.

gausarts’s picture

gausarts commented

Hm, you are right.

I just checked. The caption is hidden now :)

Here is why:
slick.load.js adds a class is-loading to its slide content when Blazy .media element was detected.

This loading class hides caption temporarily till image fully loaded to allow blur, image transition, and other animation effects kick in first without being blocked/ covered by captions.

But Slick did not remove it, and relied on Blazy.

Apparently Blazy changed since 2.6 and forgot Slick wants to remove it.

We should fix this at Blazy, but leave it here for more contextual relevance.

ATM, forcing it visible as you did is a quick fix.

Thanks again, and I am sorry for inconveniences.

gausarts’s picture

gausarts commented
Version: 8.x-2.6 » 8.x-2.5

Tracking versions, the caption was fine at 2.4, but gone at 2.5.

FYI, added the fix at Blazy here:
https://git.drupalcode.org/project/blazy/-/commit/07b50100c4aa0addc007d4...

I am leaving this open as apparently some of the current slick.load.js features are no longer relevant like this particular is-loading class against the latest Blazy decoupled lazy loader script features.

Meaning even if the fix was provided at Blazy, users choosing decoupling like `No JavaScript: lazy` will still have this issue at Slick since the above Blazy fix will not be loaded -- that is when no Blazy javascript files loaded with the correct combination of options.

gausarts’s picture

gausarts commented
Version: 8.x-2.5 » 8.x-2.6
Status: Active » Fixed

Reverted version. The previous mentioned version was Blazy:2.4, not Slick:2.4.

The fix specific for Slick was included along with this commit:
https://git.drupalcode.org/project/slick/-/commit/22fd2e3b8e1203489c023f...
https://git.drupalcode.org/project/slick/-/commit/22fd2e3b8e1203489c023f...

Thank you for contribution.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.