10BC0 Back-to-top button / navigation.top overlays search bar · Issue #2862 · squidfunk/mkdocs-material · GitHub
[go: up one dir, main page]

Skip to content

Back-to-top button / navigation.top overlays search bar #2862

@morido

Description

@morido

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

New back-to-top button (Material for mkdocs >= 7.1.10) overlays search bar when search bar is focused.

Expected behaviour

This is the behaviour on the Material for MKDocs website which I'd consider correct:

firefox_working

Actual behaviour

This is the behaviour after setting up a new site in a venv on my local machine:

firefox_notworking

The "back to top" button overlays the search bar for some odd reason.

Steps to reproduce

  1. Scroll such that "Back to top button" appears
  2. Focus search bar

Package versions

  • Python: Python 3.6.9
  • MkDocs: mkdocs, version 1.2.2
  • Material: Version: 7.2.0

Configuration

site_name: Donald Duck's site

theme:
  name: material  
  features:
    - navigation.top

System information

  • Operating system: Ubuntu 18.04.5 LTS
  • Browser: Firefox 90.0 / Chromium 91.0

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