squidfunk / mkdocs-material

Documentation that simply works

Home Page:https://squidfunk.github.io/mkdocs-material/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weird Firefox Content Tab Button Behavior

facelessuser opened this issue · comments

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

When using content tabs, and the overflow indicator buttons appear, Firefox will keep scrolling to the left when you scroll all the way to the right.

This occurs in the default Material Docs:

tabbed

Expected behaviour

Firefox should not cause tabs to scroll back to the start when scrolled to the end.

Actual behaviour

Firefox causes scroll to the start when scrolling to the end.

Steps to reproduce

See GIF above

Package versions

  • Python: 3.10
  • MkDocs: NA
  • Material: 8.3.0

Configuration

See the above GIF. Can be replicated in current Material Docs

System information

  • Operating system: macOS
  • Browser: Firefox

Fixed in 35210f5. I disabled scroll snapping for content tabs, as I don't want to get into fighting browser bugs here. This makes scrolling seamless, and when a tab is clicked, it is brought into view anyway, so no real need for scroll snapping.

I fixed another bug in c4cb6b4 where the scroll offset was not correctly computed when tabs are brought into view.

Released as part of 8.3.1.