Beta - "HTML/HTML 5 - Link to Internal Sections of a Page with Anchor Elements" loads empty preview
See original GitHub issueChallenge Name
Issue Description
When arriving at the “HTML HTML 5 - Link to Internal Sections of a page with anchor elements” lesson, the preview loads an empty screen.
When you start to type in code the page suddenly refreshes and the preview pane is showing the contents from the previous challenge
On page refresh an error appears on the dev console, screenshot is available below
Issue happens on both local copy of FCC and the current web based beta.
FYI: Some panels were removed to declutter the screenshot
Browser Information
Browser Name, Version: Chrome 64.0.3282.186 64-bit Operating System: Windows 10 Pro 64-bit Mobile, Desktop, or Tablet: Laptop
Your Code
Screenshot
On Lesson Load:
After typing in editor:
After Page Refresh:
Issue Analytics
- State:
- Created 6 years ago
- Comments:13 (13 by maintainers)
Top Results From Across the Web
Basic HTML and HTML5: Link to Internal Sections of a Page ...
Here we show how to add a link so that if your user clicks a link, you can have them jump to a...
Read more >freeCodeCamp Link to Internal Sections of a Page ... - YouTube
I solve freeCodeCamp Responsive Web Design Basic HTML and HTML5 Link to Internal Sections of a Page with Anchor Elements.
Read more >5 common mistakes with rel=canonical - Google Developers
Mistake 2: Absolute URLs mistakenly written as relative URLs. Example for incorrect rel-canonical markup: wrong relative URLs. The <link> tag, like many HTML...
Read more ><a>: The Anchor element - HTML: HyperText Markup Language
The HTML element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the ...
Read more >Configuration - Sphinx documentation
path - the original manual page and section specified ( man(1) ) ... The base URL which points to the root of the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@Bouncey @mstellaluna
There are a couple of things going on here. And I guess this is a bit tricky problem
To reproduce:
So, I think this is not limited to any challenge.
Because, If you click a link for any other challenge with the image including the one in the discussion here, the behavior is as expected, with a proper render.
I think this could be a SSR issue.
@QuincyLarson, yes, this is working properly now on Learn!