Web IDE: image preview for lfs files does not work

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Work on this issue
• Close this issue

Summary

When using the new VSCode Web IDE, image files stored via Git LFS are not previewed/rendered. This applies for selecting the file directly and for the markdown preview if the file is included in a markdown file.

Steps to reproduce

1. Clone your project
2. Activate git lfs: git lfs install
3. Track image files: git lfs track "*.jpg"
4. Add image file to your repository
5. push
6. Open the Web IDE
7. Open the image file

Example Project

https://gitlab.com/tulkas-hg/web-ide-markdown-preview-for-images

What is the current bug behavior?

Image files stored via git lfs are not rendered in the new VSCode Web IDE.

LFS Image preview in Web IDE

Markdown preview in Web IDE including images stored via LFS

What is the expected correct behavior?

Image files stored via Git LFS should render using the Web IDE. It already works fine when using Edit or when browsing the project:

• LFS image

  

• Markdown Preview

Output of checks

This bug happens on GitLab.com

Results of GitLab environment info

• GitLab Enterprise Edition 16.2.0-pre d1421d285ff