Skip to content

Bootstrap scrollspy support #3532

Open
Open
@gladion136

Description

@gladion136

Problem

Bootstrap Scrollspy don't works with yew but inside a raw index.html. 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.

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 bootstrap js at the bottom of the body.

Here is an example project: https://github.com/gladion136/yew-bootstrap

Expected behavior
On scrolling the corresponding nav pill should be active like inside the bootstrap example.

Screenshots
With yew:
grafik

Just raw index.html (expected behavior):
grafik

Environment:

  • Yew version: 0.21
  • Rust version: 1.73
  • Build tool, if relevant: trunk
  • OS, if relevant: Linux Mint 20.1
  • Browser and version, if relevant: Firefox 115.0.2 and Chromium 114.0.5735.198

Questionnaire

  • I'm interested in fixing this myself but don't know where to start
  • I would like to fix and I have a solution
  • I don't have time to fix this right now, but maybe later

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions