Make the sticky behaviour more responsive

Created on 21 September 2023, about 1 year ago
Updated 16 August 2024, 4 months ago

Problem/Motivation

The module doesn't provide a way to handle responsive scenarios where you are switching from desktop to mobile.
And the TOC was previously in the sidebar, but moved to a single column on mobile.

Steps to reproduce

Add the sticky TOC to a Bootstrap side column which switched to a single column on mobile/tablets.
The sticky behaviour gets buggy when the page is reloaded when the user reloads the page from the bottom of the page.

Proposed resolution

Provide a way to opt out of the stickiness conditionally.

Remaining tasks

Provide issue fork/patch.

📌 Task
Status

Postponed: needs info

Version

2.0

Component

Code

Created by

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

Comments & Activities

  • Issue created by @codebymikey
  • Status changed to Needs review about 1 year ago
  • Provides support for working with multiple sticky-stop selectors. As well as ensuring that the is-sticked class is present if the user refreshes the page while already scrolled down when sticky-ing.

  • Status changed to Postponed: needs info 4 months ago
  • 🇫🇷France mably

    In 3.0.x-dev version, stickiness is handled in pure CSS and sticky-stop has been removed.

    @codebymikey could you check that the problem still requires some tweaks to the module code with 3.0.x-dev version?

Production build 0.71.5 2024