Slide visibility always hidden with Drupal CMS 1.1

Created on 16 May 2025, 5 days ago

Problem/Motivation

When the Splide module is enabled on Drupal CMS 1.1, both the navigation dots and slide elements are rendered with visibility: hidden by the library’s default CSS. Enabling Splide UI and visiting the UI configuration page (/admin/config/media/splide/ui) still showing the visibility: hidden.

The library is loaded correctly in the dom and the console shows no error.

Steps to reproduce

  1. Install a clean Drupal CMS 1.1 site with default settings.
  2. Download and enable the Splide and Splide UI modules, plus their required libraries.
  3. Verify that the Splide JS and CSS assets are loading (no 404s).
  4. Navigate to Configuration » Media » Splide UI (/admin/config/media/splide/ui).
  5. Observe that the example slider’s slides and nav dots still carry visibility: hidden (as set in splide-core.min.css).

    Proposed resolution

    Remaining tasks

    User interface changes

    API changes

    Data model changes

🐛 Bug report
Status

Active

Version

2.0

Component

Code

Created by

🇸🇾Syria hodba Dubai

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

Comments & Activities

  • Issue created by @hodba
  • 🇮🇩Indonesia gausarts

    Thank you.

    Splide is fine at my D11.

    Possible solutions:

    • Ensure the library version is correct and has no 403 or 404 errors, see project home requirements. Just open each script files in the browser, press F12, and see if any 403 message.
    • Under Load Splide globally option, everything is fine, including empty, except Without Initializer which requires you to load the Initializer script yourself. Read more the description to correctly set it up. If unsure, just leave it to -None-.

    Feel free to share your findings and solutions to benefit others.

Production build 0.71.5 2024