René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Jupyter interactive plot crops the canvas in Chrome","articleBody":"\u003c!--To help us understand and resolve your issue, please fill out the form to the best of your ability.--\u003e\r\n\u003c!--You can feel free to delete the sections that do not apply.--\u003e\r\n\r\n### Bug report\r\n\r\n**Bug summary**\r\n\r\n\u003c!--A short 1-2 sentences that succinctly describes the bug--\u003e\r\nWhen plotting with `%matplotlib notebook`, the canvas gets cropped to a small section in the top left corner.\r\n\r\n**Code for reproduction**\r\n\r\nWhen running the following code:\r\n\r\n```python\r\n%matplotlib notebook\r\nimport matplotlib.pyplot as plt\r\nimport numpy as np\r\n\r\nfig, ax = plt.subplots()\r\nax.scatter(range(10), range(10))\r\n```\r\n\r\nI get the following output in **Chrome**:\r\n\r\n![https://i.imgur.com/ceR5E6a.png](https://i.imgur.com/ceR5E6a.png)\r\n\r\nAs you can see, the interactive plot is cropped to the top left corner. Inspecting the HTML shows that the height and width are `undefined`. Therefore, chrome defaults to the size 300 x 150\r\n\r\n```html\r\n\u003ccanvas\r\n  class=\"mpl-canvas\"\r\n  style=\"width: undefinedpx; height: undefinedpx;\"\r\n  width=\"NaN\"\r\n  height=\"NaN\"\u003e\r\n\u003c/canvas\u003e\r\n```\r\n\r\n![https://i.imgur.com/TQpuzJT.png](https://i.imgur.com/TQpuzJT.png)\r\n\r\nClosing the tab and rerunning in **Firefox**, I get no issues.\r\n\r\n![https://i.imgur.com/NdxYA8h.png](https://i.imgur.com/NdxYA8h.png)\r\n\r\n\u003cbr/\u003e\r\n\r\nThe shrunk canvas is still interactive (you can still pan the y-axis up and down), but obviously the height and width calculations went awry. I have tried restarting the Jupyter server (and the notebook kernel) and I still get the same result in Chrome.\r\n\r\n**Note**: using `%matplotlib inline` works fine in Chrome.\r\n\r\nTo summarize, I only get this issue when I use **`%matplotlib notebook`** in **Chrome**. I don't know if switching to Windows would resolve this problem (I use Ubuntu 20.04).\r\n\r\n**Versions**\r\n\r\nI am running Jupyter in a virtual environment managed by Poetry.\r\n\r\n```\r\n% lsb_release -d\r\nDescription:\tUbuntu 20.04.1 LTS\r\n\r\n% poetry run jupyter --version\r\njupyter core     : 4.6.3\r\njupyter-notebook : 6.1.1\r\nqtconsole        : 4.7.5\r\nipython          : 7.17.0\r\nipykernel        : 5.3.4\r\njupyter client   : 6.1.6\r\njupyter lab      : not installed\r\nnbconvert        : 5.6.1\r\nipywidgets       : 7.5.1\r\nnbformat         : 5.0.7\r\ntraitlets        : 4.3.3\r\n\r\n% poetry run python -c 'import matplotlib; print(matplotlib.get_backend())'\r\nTkAgg\r\n\r\n% poetry run python -V\r\nPython 3.8.3\r\n\r\n% google-chrome --version\r\nGoogle Chrome 84.0.4147.105\r\n\r\n% cat pyproject.toml\r\n...\r\n\r\n[tool.poetry.dependencies]\r\npython = \"^3.8\"\r\njupyter = \"^1.0.0\"\r\npandas = \"^1.1.0\"\r\nnumpy = \"^1.19.1\"\r\nscipy = \"^1.5.2\"\r\nnetworkx = \"^2.4\"\r\nipywidgets = \"^7.5.1\"\r\nmatplotlib = \"^3.3.0\"\r\nsklearn = \"^0.0\"\r\n\r\n...\r\n```\r\n","author":{"url":"https://github.com/nmay231","@type":"Person","name":"nmay231"},"datePublished":"2020-08-08T23:09:54.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/18206/matplotlib/issues/18206"}