File tree: Anything past what is initially shown is not rendered or clickable after scrolling.

[alex-swafford]

Bug Description:

When the user opens the file tree dialog, they should be able to scroll down to see more files. They can scroll down, but only the files and folders that were initially shown are rendered or clickable - blank space shows up below them. Also, two scroll bars are drawn.

Steps to Reproduce:

1. Run 'yarn build' and 'yarn start' in the examples/browser directory, then navigate to localhost:3000 to access the app.
2. Click the 'open folder' button at the bottom left or click file -> open workspace.

Additional Information

• Operating System: Windows 10
• Theia Version: master branch as of 12/16/2021 (latest commit: 6175dfa)

GIF Recording:

Note:

This issue is probably an unintended consequence of PR #9713 (https://github.com/eclipse-theia/theia/pull/9713/files). Re-adding the 'visible' styles removed in that PR fixes this issue, but the infinite scroll issue reappears. An ideal fix should address both issues.

[msujew]

@alex-swafford Which browser are you using? I noticed that behavior as well when using Firefox, but it worked fine for me when using Chrome.

[alex-swafford]

@msujew That's odd. The issue happens for me when using Chrome, but I just checked and it works fine on Firefox. That at least gives me a workaround; thanks.