Option to sticky parent

Hi @w01f, thanks for your suggestion.

What do you think of adding a "toc container selector" configuration option allowing to choose on which parent element of the toc we want to apply visibility and stickiness ?

@w01f, could you give a try to this issue's MR that implements this new "toc container selector" option and tell us how it goes?

Here is a screenshot of the new configuration option:

First, wow @mably, thanks for the fast reply.

I was initially thinking using js to find the immediate parent would be better as it wouldn't require managing a specific class on just the parent where toc is used. And I wasn't sure if setting if setting a class/ID might cause cause to load and actions in other places it shouldn't.

That said, let me give your solution a try on two quick use cases and I'll report back what I find!

You dont need a specific CSS class, we use the closest() jQuery API with a simple selector to get the parent container.

If your parent container is a div, just put div in the container selector field.

@mably, I just downloaded and applied the forked module code, but I don't see a configure option on the Extend module page or in the configuration settings for the toc.js block added via Layout Builder.

I'm adding the Toc.js via Layout Builder on an "Article" content type.

Are you sure to have download the module's code corresponding to this issue's MR?

I can definitely see the Toc container field in the block configuration of the layout builder:

Not sure how I downloaded the wrong package before, but just tested and that works beautifully.

Ok, thanks for the test!

Automatically closed - issue fixed for 2 weeks with no activity.