google / coding-with-chrome

An Open Source Educational IDE.
Other
516 stars 170 forks source link

Side Menu Mechanism on Interface #295

Closed alpaslan-exe closed 6 months ago

alpaslan-exe commented 6 months ago

Note: This is a UX issue rather than a direct code bug.

I quickly noticed that upon launching an instance of the editor, the menu to the left where blocks are chosen from is not uniform in its function. When clicking certain categories of blocks, the current blocks shift slightly, whilst, with bigger tabs, the category opened will simply overlay over the current blocks chosen. There are two solutions that I can see to this problem: either make all menus overlay the code without a shift or simply make all menus regardless of size shift the blocks further to the right. If anybody is able to suggest an alternative solution I would love to hear your ideas. This is likely quite an easy fix in terms of the actual menu code. For reference, I will include a screenshot of the components marked to highlight the components I've discussed here.

Screenshot 2024-04-26 at 10 41 02 PM
alpaslan-exe commented 6 months ago

Note that this issue was observed on Chrome 124.0.6367.62 for macOS ARM

MarkusBordihn commented 6 months ago

Thanks a lot for the feedback. Unfortunately this is by design from the used "Blockly" framework, see: https://google.github.io/blockly-samples/examples/toolbox-demo/

Feel free to open a corresponding feature report on https://github.com/google/blockly instead.