How to reproduce:
Post an article with comments turned on. I’m using dawn theme, don’t know if it’s relevant. Click the link in the email for comments.
This also happens with the “view comments” button in emails:
Tested using Chrome and Firefox. While logged in normally and in logged out private-browsing sessions.
What happens:
Then anyone clicks “comment” or “view comments”, they land at the TOP of the page. I believe this is happening because the header ID is wrong.
We don’t want: #ghost-comments
We do want: #ghost-comments-root
Granted, I confess that I’m not an engineer. Many people here know much more than I do about website design.
However, I can demonstrate it very easily.
Step 1. Use this link and you’ll notice that you don’t land at the bottom of my article:
Please close the tab when you’re done so we have a proper test.
Step 2. Now try this link (in a new tab):
With step 2, the page loaded and you immediately jumped down to the comments section. It wasn’t quite ALL the way down, which I think is because the comment section doesn’t load in advance. But it does take you to the bottom of the article.
Note: After using step 2 and loading the page, go up to the address bar and hit “enter” again. You will land perfectly at the comment section. I believe this is because the page is fully loaded.
Platformer News
Platformer Step 1. Try this link and see that you’re stuck at the top:
Platformer Step 2. In a fresh tab, use this link:
Read Tangle
This does not go to comments:
This does go to comments:
Second part: Question
While I was running these tests, I noticed that the #ghost-comments-root tag on Read Tangle goes ALL the way to the comment section (putting comments near top of screen).
When I use it on my site, the comments are at the bottom and it still needs to load them. This is why I referenced hitting “enter” a second time in the address bar. If anyone can suggest how to replicate the way the comment section loaded proactively for Read Tangle, that would be great.
