Skip to content

Flag for the ScrollSpy component that ensures the last active element remains visible #500

@IvanPostu

Description

@IvanPostu

Before submitting...

Context

If the user scrolls the page outside of the scrollspy elements, there will be no active element in the section table-of-contents. In most cases, this is fine. However, if it's necessary to keep the last active element visible in the section table-of-contents, the component doesn't provide a way to do so.

Current Behavior

Let's imagine a blog web page with 2 sections:

  • main section
    • introduction
    • body
    • summary
  • comments

Main section is wrapped in scrollspy component.
When the user scrolls down from the main section through comments, there will be no active element in section table-of-contents.

Expected behavior

To introduce a flag keepLastActiveElementVisible (or any other name, TBD) that allows keeping the element visible inside section table-of-contents if scrollbar is outside the scrollspy elements.

Possible Solutions or Causes

To introduce that flag, if the proposal is approved then I can implement it!

Your Environment

  • Version used:
  • Browser Name and version:
  • Operating System and version (desktop or mobile):
  • Additional information you want to tell us:

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions