question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Instant loading does not work with section anchors in Safari

See original GitHub issue

Contribution guidelines

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

Beginning with version 7.0.0 anchors defined on headings do not work with Safari 15.4 macOS

Expected behaviour

Clicking the the link on the TOC should jump to the section in the main content Using a URL with # anchor should open the page at the location.

Actual behaviour

Page stays on top

Steps to reproduce

Run website and click on a H3 link on the right side

Package versions

  • Python: Python 3.8.7
  • MkDocs: mkdocs, version 1.1.2 from /usr/local/lib/python3.8/site-packages/mkdocs (Python 3.8)
  • Material: 7.0.0

Configuration

site_name: Test Site
nav:
  - Home: /
theme:
  name: material
  features:
     - navigation.instant
markdown_extensions:
  - toc:
      permalink:

System information

  • Operating system: macOS 12.3.1
  • Browser: Safari 15.4

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:1
  • Comments:15 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
squidfunkcommented, Apr 6, 2022

Oh, sorry, I missed the reload. It wasn’t apparent in your screencast and you did not mention it explicitly. I can reproduce it when reloading. Reopened. I’ll look into it when I find some time!

0reactions
ybizeulcommented, Apr 24, 2022

That’s what I did. Thanks for looking into this !

Read more comments on GitHub >

github_iconTop Results From Across the Web

Anchor tag doesn't work in iPhone Safari - Stack Overflow
When I click the above URL from Newsletter it goes to the article page, but not the bottom para where I specify id....
Read more >
Creating anchor links - Squarespace Help Center
This guide covers how to add anchor links to any block section on your ... Anchor links without the site URL may also...
Read more >
Anchor links not working in Firefox - Drupal Answers
It does go down to the anchor in Chrome and Safari and other browsers, but for some reason it wont in Firefox, even...
Read more >
Need to scroll to the top of the page? - CSS-Tricks
I've found back-to-top anchors work even if the ID/class for “top” is not defined. However smooth scrolling does need a target anchor or...
Read more >
anchor links in safari not working, ok in IE - Apple Discussions
That's normal, after all, since the page can't scroll down any further at that point. And it's similar in IE in Windows, after...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found