Web IDE causes browser to become unresponsive when opening directory with large number of files

Summary

When opening a directory with a large number of files, the browser becomes unresponsive. If you give it enough time, the browser becomes responsive again and the web IDE does function but with a noticeable amount of lag.

A customer reported (Zendesk, internal use only), and it was seen on a support call with them, that their browser crashes when opening a directory with approximately 11,000 files. This is affecting their workflow as their developers are unable to commit code to that directory using the Web IDE.

Steps to reproduce

  1. Have a project with a very large number of files in a directory
  2. Open the project in web IDE
  3. Open the directory

Example Project

https://gitlab.com/weimeng/web-ide-test-large-files

What is the current bug behavior?

The browser is not responsive while the directory contents are being loaded.

What is the expected correct behavior?

The browser should remain responsive while the directory contents are being loaded.

Relevant logs and/or screenshots

N/A

Output of checks

This bug happens on GitLab.com

Possible fixes

(If you can, link to the line of code that might be responsible for the problem)