Navigation sidebar + small viewport + big_pipe needs double click for action

Created on 23 July 2025, 13 days ago

Problem/Motivation

We encountered this issue after updating to Drupal 11.2.2.
We are using the experimental navigation module, but when viewing the website in smaller view ports, the sidebar expand / collapse toggle + close button doesn't seem to react the first time they get clicked.

See attached video for an example.

Since we encountered this issue on a website with a bunch of customizations and contrib modules, I tried to reproduce the behavior by checking a Drupal core 11.2.x development branch and installing a clean instance.
At first I couldn't reproduce this, but after trying to pinpoint the culprit by disabling specific JS files on my client website, I narrowed it down to being related to big_pipe module.

Steps to reproduce

I was now able to reproduce the issue (see attached video) with the following configuration:

  • Drupal 11.2.x dev branch checkout
  • big_pipe module enabled
  • DDEV config: webserver_type: apache-fpm (I had this set to nginx first and couldn't reproduce the issue with that webserver)

I don't know if this issue belongs in the navigation module component, or big_pipe.
Adding it to navigation module for now + referencing it in a meta-issue for big_pipe related issues.

🐛 Bug report
Status

Active

Version

11.2 🔥

Component

navigation.module

Created by

🇧🇪Belgium svendecabooter Gent

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

Comments & Activities

  • Issue created by @svendecabooter
  • 🇳🇿New Zealand quietone

    Changes are made on 11.x first.

  • 🇮🇳India libbna New Delhi, India

    I tried reproducing the issue under various scenarios:

    1. With webserver_type: nginx-fpm and the BigPipe module enabled and disabled — the sidebar was opening and closing correctly with a single click.
    2. With webserver_type: apache-fpm and the BigPipe module disabled — the sidebar also worked as expected, toggling on a single click.
    3. However, with webserver_type: apache-fpm and the BigPipe module enabled — the sidebar required a double-click to toggle (screen recording attached).

    It seems the issue arises specifically when switching the webserver type to apache-fpm while BigPipe is enabled. In contrast, with nginx-fpm, the sidebar functions correctly even when BigPipe is active.

  • 🇳🇿New Zealand quietone

    I forgot to update the version.

Production build 0.71.5 2024