Weird Firefox Content Tab Button Behavior
facelessuser opened this issue · comments
Contribution guidelines
- I've read the contribution guidelines and wholeheartedly agree
I've found a bug and checked that ...
- ... the problem doesn't occur with the
mkdocs
orreadthedocs
themes - ... the problem persists when all overrides are removed, i.e.
custom_dir
,extra_javascript
andextra_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:
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.