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.

Extra HTML text node created in output

See original GitHub issue

Describe the bug Compiled pages contain an HTML text node at location document.body.childNodes[2] that is superfluous and looks like a mistake.

To Reproduce Steps to reproduce the behavior:

  1. Visit one of the pages of my project, such as this one. (Or check that book project out with git clone https://github.com/nathancarter/MA346-course-notes.git and then run jupyter-book build . in that folder and view it locally.)
  2. Widen your browser view beyond the minimum required to fit the page.
  3. See the erroneous HTML text element in the top left.
  4. Optional: Open your browser’s dev tools and find the extra HTML node at location document.body.childNodes[2].

Although I linked to a specific page, the problem exists on every page of that book.

Expected behavior No extraneous elements in the page.

Environment (please complete the following information):

  • Python 3.7.3
  • Output of jupyter-book --version
Jupyter Book: 0.7.2
MyST-NB: 0.8.1
Sphinx Book Theme: 0.0.32
MyST-Parser: 0.8.1
Jupyter-Cache: 0.2.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:29 (19 by maintainers)

github_iconTop GitHub Comments

2reactions
choldgrafcommented, Aug 3, 2020
1reaction
nathancartercommented, Aug 4, 2020

Aha! Uninstalling sphinx-book-theme and then running the above command fixed it!

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to get html tags into a text node - javascript - Stack Overflow
1 Answer 1 · Create it with document.createElement · Create a text node with its content using document.createTextNode · Append the new text...
Read more >
Chapter 16: HTML Text Nodes in JavaScript - Medium
Lecture. Starting with this lesson, we begin to learn much more about the contents of tags. To start, let's explore tags that were...
Read more >
Document.createTextNode() - Web APIs | MDN
Creates a new Text node. This method can be used to escape HTML characters. Syntax. createTextNode(data)
Read more >
HTML DOM Element textContent Property - W3Schools
Definition and Usage. The textContent property sets or returns the text content of the specified node, and all its descendants. Note. When you ......
Read more >
ReactDOMServer – React
Returns a Node.js Readable stream that outputs an HTML string. ... Similar to renderToNodeStream , except this doesn't create extra DOM attributes that ......
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