WAIT: Table of content Bug on active state when position sticky

Bugs
1

Browser: Brave
OS: macOS
Video: https://jam.dev/c/981dab44-acb0-4663-a150-1d46a94cc461

I would like to report a bug in Bricks Builder, specifically related to the Table of Contents (TOC) widget active state.

I created a layout where:

  • The Table of Contents widget is placed inside a sticky sidebar on the left.

  • The main content is on the right, containing multiple headings that are correctly detected and listed in the TOC.

  • All inside on one section
    like,

<section>
<sidebar><content>
<content>
</section>

The issue is that when scrolling the page, the active state of the TOC does not update correctly.
The highlighted/active TOC item remains the same and does not change according to the section currently in view.

This makes the TOC active indicator unreliable, especially when used in a sticky sidebar layout.

Here is a screen recording that demonstrates the issue clearly:
https://jam.dev/c/981dab44-acb0-4663-a150-1d46a94cc461

Please let me know if you need additional details.

2

Hi Chris,
Thanks so much for your report!

Are you sure you’re using the native Bricks table of contents element?
Looking at your HTML, that doesn’t seem to be the case, because then it would actually look different :thinking:

Your HTML:

image
image1082Ă—396 36.3 KB

Native toc element:

image
image1594Ă—384 65.1 KB

Best regards,
timmse

3

sorry…Timmse,

because we waiting your team’s answers too long, so we make manually for TOC. with custom js

4

Okay, but it seems like you’re having the same problem :smiley:

If you go back to the native toc element, there are two settings that might fix your problem: Content selector and headings offset. The proof is in the pudding… :slight_smile: