P5.js-web-editor: "Add folder" button creates a folder which opens to the side in the code editor

[GaurangTandon]

Nature of issue?

• Found a bug

Details about the bug:

• Web browser and version: Chrome latest
• Operating System: Ubuntu 18.04
• Steps to reproduce this bug:

1. Open a new sketch and click the dropdown for "project-folder"
2. Click Add folder and add a new folder.
3. Click on the newly folder in the explorer.

Result: folder is editable in the code editor!

This behaviour is definitely confusing me. What should be the result of editing a folder in this manner be?

Is this is a bug? I think it is, but I'll wait for @catarak to confirm.
And if it is a bug, I'd like to work on it. Thanks!

PS: A relatively minor related issue is that a newly added folder has - as its icon - a solid down arrow instead of the folder icon it is supposed to have.

[AnkurIngale]

It might be a bug but it's a good way to document things up in that folder 😅

[catarak]

this is related to #645. for folders, long files, and assets, the code editor should be replaced with something else 😄

[GaurangTandon]

@catarak What do you think should it display? Would a simple "Sorry, the file type is unsupported in our editor." suffice? I can work to incorporate it.

[AnkurIngale]

Yeah it's a bug. But honestly speaking, it's good. I mean I can document things of that folder there. No need to create text files. Maybe it's just me being lazy 😅

[catarak]

it shouldn't be an error. one solution would be that folders can't be selected, and when you click on them, it simply opens/closes the folder. #963 would need to be fixed first though.