mkdocs-material: Left nav breaks in Safari

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 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

• Left nav disappears and/or freezes up on macOS Safari
• Doesn’t happen in Chrome

Expected behaviour

Left nav works as normal.

Actual behaviour

Left nav sometimes disappears and/or freezes up.

Steps to reproduce

1. Create a site using the mkdocs.yml provided below
2. mkdocs serve
3. Use the site in Safari, clicking around in the left nav

See video, here:

https://user-images.githubusercontent.com/6285/147708059-4ce71905-8798-4fc8-a951-3660d5016c82.mov

Package versions

• Python 3.8.2
• mkdocs, version 1.2.3
• Material: Version: 8.1.3+insiders.4.5.0

Configuration

# Project information
site_name: Animals

# Configuration
theme:
  name: material

nav:
  - Wildlife: wildlife.md
  - Animals:
    - Land:
      - Land Animals: animals/land/index.md
    - Sea:
      - Sea Animals: animals/sea/index.md

System information

• Operating system: macOS Monterey, Version 12.0.1
• Browser: Safari, Version 15.1