Skip to content

Bug report: Docusaurus go to top button is hidden by mendable button #4806

@milanholemans

Description

@milanholemans

Description

Noticed that Docusaurus has a feature, when you are scrolling back up the page, a floating button will appear to bring you back to the top of the page in one click.
However our Mendable button is hiding this Docusaurus floating button:

image

Steps to reproduce

  • Build the latest docs
  • Navigate to a long page (e.g. spo tenant settings set)
  • Scroll down
  • Start scrolling back up, the floating button should appear now

Expected results

The floating button to be properly visible

Actual results

Floating button is hidden behind Mendable button.

Additional Info

Let's not forget to double check on mobile phone view as well.

Path to the solution

On the MendableFloatingButton there is a param called positionOverwriteClassname='floating-btn' where you can set your own css class.

If you set the css class to something like this it should work.

.floating-button{
  position: fixed;
  bottom: 25px;
  right: 50px;
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions