editor icon indicating copy to clipboard operation
editor copied to clipboard
verified publisher icon playcanvas

Code Editor File Dropdown Bug

Open kpal81xd opened this issue 2 years ago • 4 comments

Description

Graphical bug when hovering over the File dropdown in the Code Editor. The red highlighted box below indicates the area for which the dropdown is unresponsive.

image

  • Browser/Platforms - Chrome, Firefox (Windows 11)

Steps to Reproduce

  1. Visit any valid Code Editor https://playcanvas.com/editor/code/{any_id}
  2. Hover over the File dropdown option
  3. The button is only clickable and the hover effect only shows in the lower and right portion of the option

kpal81xd avatar Oct 24 '23 20:10 kpal81xd

Looks like it's the drag handle for the PCUI tree view:

image

willeastcott avatar Oct 26 '23 14:10 willeastcott

If you try to drag a tree view item, the 'invisible' drag handle disappears from the top left corner.

willeastcott avatar Oct 26 '23 15:10 willeastcott

I'm wondering if this should be created hidden: https://github.com/playcanvas/pcui/blob/main/src/components/TreeView/index.ts#L196

willeastcott avatar Oct 26 '23 15:10 willeastcott

Yes since the drag handle item will be hidden once the drag action has been completed already restoring the File dropdown to perform as intended.

kpal81xd avatar Oct 28 '23 18:10 kpal81xd

This was fixed here: https://github.com/playcanvas/pcui/pull/364

Should be fixed once we've bumped the Editor to the latest version of PCUI.

willeastcott avatar Nov 09 '24 23:11 willeastcott