Bug in right nav styles on safari v17.1

[tlambert03]

Context

No response

Bug description

commit 521f727 seems to have introduced 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)

Untitled.mov

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

chrome, Firefox, edge work fine.

Related links

• This is the same as Bug in right nav styles on safari v17.1 #6273 which was closed

I was unable to find any other related issues since sept 23, which is when 521f727 was merged

Reproduction

9.4.7-right-nav.zip

(edited to a more minimal lockfile)

Steps to reproduce

This bug can be seen on a brand new install. with only the theme added mkdocs.yml

mkdir test
cd test
pip install --upgrade --force-reinstall mkdocs-material
mkdocs new .
echo "\ntheme:\n  name: material" >> mkdocs.yml
mkdocs serve

In safari v17.1 the right nav is missing until you resize the window (see example above).

pip install 'mkdocs-material<9.4.2'
mkdocs serve

fixed...

pip install 'mkdocs-material==9.4.2'
mkdocs serve

broken

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 issue is related to #3396 and has coincidentally been fixed in #6351 solving #6344 by the awesome @alexvoss. If I revert the fix, I can observe what is described in OP, but the latest master doesn't exhibit this behavior. Thus, we can conclude that this issue is resolved.

[squidfunk]

Released as part of 9.4.10.

[tlambert03]

Thanks!