Bug in right nav styles on safari v17.1

[tlambert03]

Context

Found while updating docs dependencies for building docs at https://github.com/pyapp-kit/app-model (docs at https://app-model.readthedocs.io/en/latest/)

Bug description

after commit 521f727 I'm noticing a bug wherein the right nav appears clipped in safari (Version 17.1 (19616.2.9.11.7)) after page refresh:

(resizing the window across any breakpoint fixes it)

The issue is visible as of v9.4.2 and git bisect put the issue at 521f727

chrome and edge work fine

Related links

• Reporting a bug

Reproduction

app_model-0.2.3.dev12+gb7a5262.d20231101.tar.gz

Steps to reproduce

• checkout https://github.com/pyapp-kit/app-model
• run pip install -e .[docs]
• mkdocs serve (works)
• pip install 'mkdocs-material>=9.4.2'
• mkdocs serve (bug)

Browser

Safari

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction.

[squidfunk]

Thanks for reporting. This is not a minimal reproduction – you just packed up your regular repository. Please provide a minimal reproduction. We're not able to observe this issue, and can't help you without a minimal reproduction.

[tlambert03]

Yep sorry, I don't have time at the moment, but will try to soon. Given that my repo had very minimal config, and with knowledge of the exact commit that caused it, I was hoping you might just see what caused it.

When I have time, I'll try to come back and follow the guide here for minimal repo. Thanks! 🙏

[squidfunk]

Great. Closing, until a minimal reproduction is provided. Once you provide it, we reopen and investigate.

[squidfunk]

The issue was resolved, see #6281 (comment)