notebook: HTML Formatting Issue in Jupyter Notebook Causes Content to be Pushed to the Right Side of Screen

Jupyter notebook CSS styling pushes all content to the right side, and off screen, creating a large horizontal scroll bar. Content only displays on the right side of the page, when looking at any file or page in the browser. The issue occurs Firefox (79.0-1) and Google Chrome (84.0.4147.125-1). Happens on my desktop and laptop.

Inspected the page and found a CSS left-margin parameter that is roughly equal to half the page, appearing to be the cause. Attached a screenshot. Downgrading to jupyter-notebook-6.0.3-1 fixes the issue.

Affected version: jupyter-notebook-6.1.1-1

OS: Arch Linux Kernel: 5.8.12-arch1-1

Steps to reproduce: Open terminal and launch jupyter notebook with jupyter notebook

image

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 15 (8 by maintainers)

Most upvoted comments

Hi @parmentelat - We’ve backed out the change that we suspected was causing this issue and have just released Notebook 6.1.4. Please try the updated release.

We are also running into this issue, I have tested and see the bug on notebook=6.1.1 and notebook=6.1.3, our current workaround is to tell our users to force downgrade to notebook=6.0.3 which we know is stable.

We have upgraded to 6.1.4 and so far have found no lingering issues with alignment, looks good!