Bootstrap scrollspy support

[gladion136]

Describe the bug
Bootstrap Scrollspy don't works with sycamore. The links and design works but on scrolling the current section will not be selected. Inside a raw index.html it works with the same steps.

To Reproduce
Steps to reproduce the behavior:

1. Import Bootstrap css inside header (index.html)
2. Create a with Scrollspy from the examples: https://getbootstrap.com/docs/5.2/components/scrollspy/
3. Import jquery and bootstrap js at the bottom of the body.

Here is a example project with this bug: https://github.com/gladion136/sycamore-bootstrap-template/tree/feat/first-draft

Expected behavior
On scrolling along the page the current section should be selected inside the menu.

Environment

• Sycamore: 0.8
• Browser: Firefox
• OS: Linux Mint

[lukechu10]

Seems to be working for me?

Bootstrap.inside.Sycamore.and.4.more.pages.-.Personal.-.Microsoft_.Edge.2023-11-14.10-22-49.mp4

[lukechu10]

Oh, it doesn't work on Firefox but works in chromium based browsers.
Seems like it's a known issue with Bootstrap: twbs/bootstrap#6484

In any case, this isn't a bug with Sycamore since all we are doing is just rendering markup.

[gladion136]

Hmm.. it doesn't works for me inside Firefox and Chromium on Linux Mint with sycamore and perseus.. When I create just a raw index.html with Bootstrap and a scrollspy it works well.. Do you have any ideas why?

[lukechu10]

Are you saying it doesn't work on Chrome either? If you open up devtools and compare the markup between the two, is there any difference? Hard to believe this issue has anything to do with Sycamore since we are just rendering standard HTML and Bootstrap doesn't make any requirement as to which framework we use.