Navigation rendering bug in Safari 18.3+ #7978
Description
Context
No response
Bug description
This is a fairly trivial rendering issue but it does make some pages look very messy if they have many directories listed in their nav section.
On Chrome, nav links for directories that have hidden child entries render correctly with the same line height as regular nav links. On Safari (version 18.3 in my case) they're jammed together as if they have insufficient line-height.
I first observed this issue in my own documentation but I've found that the same problem can be seen on the Material for MkDocs Getting Started page. The Blogs and Social Cards links render correctly in Chrome, but in Safari the Social Cards link is jammed right up under the Blogs link. On a site with many such nav links, this ruins the otherwise beautifully typeset look of the site.
Related links
Reproduction
Problem is visible on Material for MkDocs web site.
Steps to reproduce
Visit the Material for MkDocs Getting Started page using Safari (version 18.3 in my case) and look at the spacing between the Blogs and Social cards links in the nav section on the left hand side. Your web browser page will of course need to be set wide enough for the nav section to appear.
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 using the built-in info plugin.