Embedded images in Jupyter notebooks are not rendered

XMLWordPrintable

    • Type: Bug
    • Resolution: Unresolved
    • Priority: Low
    • None
    • Affects Version/s: 8.0.0, 8.9.0, 8.19.0, 9.0.0
    • Component/s: UI
    • None
    • 1
    • Severity 3 - Minor
    • 1

      Issue Summary

      Embedded images in Jupyter notebooks are not rendered

      This is reproducible on Data Center: yes

      Steps to Reproduce

      1. Create a jupyter notebook
      2. Embed an image
        Sample markdown commands used:
        ![test stash](stashlogo.png)
        

        or

        <img src="stashlogo.png" alt="test stash image"/>
        
      3. Commit and push the image and the Jupyter notebook to Bitbucket
      4. Open the Jupyter notebook in the Bitbucket UI

      Expected Results

      The image(s) are displayed, like the following screenshots

      • screenshot taken when opening the notebook in Jupyter Lab
      • screenshot taken when opening the notebook from a clone copy of the repo in VS Code

      Actual Results

      • The image(s) are not rendered in the Bitbucket UI

      Workaround

      Use the Image class from the IPython.display module:

      from IPython.display import Image
      Image("<IMAGE_PATH>")
      

      Sample:

      from IPython.display import Image
      Image("stashlogo.png")
      

        1. stashlogo.png
          9 kB
          JP Mariano
        2. test-embed-image.ipynb
          53 kB
          JP Mariano
        3. workaround-Image-class.png
          355 kB
          JP Mariano
        4. bb-image-not-shown.png
          219 kB
          JP Mariano
        5. local-copy-vscode.png
          343 kB
          JP Mariano
        6. jupyter-lab.png
          534 kB
          JP Mariano

            Assignee:
            Unassigned
            Reporter:
            JP Mariano
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: