Contrib.social

Incompatibility with BigPipe?

Open on Drupal.org →
Created on 9 February 2023, almost 2 years ago
Updated 5 June 2023, over 1 year ago

Problem/Motivation

With BigPipe enabled we get the following JS Error on a page, where slick is not custom initialized in the theme or somewhere else:

Uncaught TypeError: e.$slides is null
    initADA https://www.example.com/libraries/slick/slick/slick.min.js?v=1.x:17
    init https://www.example.com/libraries/slick/slick/slick.min.js?v=1.x:17
    e https://www.example.com/libraries/slick/slick/slick.min.js?v=1.x:17
    slick https://www.example.com/libraries/slick/slick/slick.min.js?v=1.x:18
    e https://www.example.com/modules/contrib/slick/js/slick.load.min.js?v=9.5.2:1
    nn https://www.example.com/modules/contrib/blazy/js/dblazy.min.js?rprkkk:1
    once https://www.example.com/modules/contrib/blazy/js/dblazy.min.js?rprkkk:1
    attach https://www.example.com/modules/contrib/slick/js/slick.load.min.js?v=9.5.2:1
    attachBehaviors https://www.example.com/core/misc/drupal.js?v=9.5.2:24
    attachBehaviors https://www.example.com/core/misc/drupal.js?v=9.5.2:21
    insert https://www.example.com/core/misc/ajax.js?v=9.5.2:493
    jQuery 2
    insert https://www.example.com/core/misc/ajax.js?v=9.5.2:491
    commandExecutionQueue https://www.example.com/core/misc/ajax.js?v=9.5.2:374
    promise callback*Drupal.Ajax.prototype.commandExecutionQueue/< https://www.example.com/core/misc/ajax.js?v=9.5.2:371
    commandExecutionQueue https://www.example.com/core/misc/ajax.js?v=9.5.2:370
    success https://www.example.com/core/misc/ajax.js?v=9.5.2:395
    bigPipeProcessPlaceholderReplacement https://www.example.com/core/modules/big_pipe/js/big_pipe.js?v=9.5.2:32
    bigPipeProcessDocument https://www.example.com/core/modules/big_pipe/js/big_pipe.js?v=9.5.2:45
    <anonymous> https://www.example.com/core/modules/big_pipe/js/big_pipe.js?v=9.5.2:66
    EventListener.handleEvent* https://www.example.com/core/modules/big_pipe/js/big_pipe.js?v=9.5.2:62
    <anonymous> https://www.example.com/core/modules/big_pipe/js/big_pipe.js?v=9.5.2:68
2 slick.min.js:17:19562

The strangest thing is, that this even happens at /admin/config/media/slick/ui for the example display at the bottom.
I already grepped for "slick" in custom modules and theme, but nothing custom.

Any ideas?

If we disable BigPipe, things are fine. Here are our slick ui settings:

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Fixed

Version

2.0

Component

Code

Created by

🇩🇪Germany Anybody Porta Westfalica

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024