8000 Back-to-top button stays visible when navigation tabs are sticky · Issue #3479 · squidfunk/mkdocs-material · GitHub
[go: up one dir, main page]

Skip to content

Back-to-top button stays visible when navigation tabs are sticky #3479

@mbelangergit

Description

@mbelangergit

Contribution guidelines

I've found a bug and checked that ...

  • ... the problem doesn't occur with the mkdocs or readthedocs themes
  • ... the problem persists when all overrides are removed, i.e. custom_dir, extra_javascript and extra_css
  • ... the documentation does not mention anything about my problem
  • ... there are no open or closed issues that are related to my problem

Description

Little cosmetic issue:
When using navigation tabs and configuring them as sticky, if I scroll down a page and then either scroll back to top or use the back-to-top button, the back-to-top button stays visible.

I have tested without navigation.tabs.sticky and in this case, the button will disappear when clicking on it or scrolling back to top of the page.

Expected behaviour

I think the back-to-top button should disappear when the user gets back to the top of a page as when the sticky tabs are disabled.

Actual behaviour

image

Steps to reproduce

  1. Configure a site with navigation tabs and sticky tabs
  2. Scroll down a page
  3. Scroll up to show the back-to-top button
  4. Click the back-to-top button
  5. The button stays there.

Package versions

  • Python: 3.10.0
  • MkDocs: 1.2.3
  • Material: 8.1.7

Configuration

theme:
  features:
    - navigation.tabs
    - navigation.tabs.sticky
    - navigation.top

System information

  • Operating system: Window 10
  • Browser: Chrome 97.0.4692.71

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIssue reports a bugresolvedIssue is resolved, yet unreleased if open

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0