Renaming Folders has many glitches/frustrations

[DennisSmolek]

🐛 bug report

When trying to rename a folder there are multiple issues. Some just frustrating, some breaking.

In escalating severity:

1. When you create a folder it automatically resorts by alphabetic (less an issue, but complex structures the folder vanishes)
2. When you double click to select a word (to delete, copy, etc) it triggers the default event handler and opens the folder.
3. When you right click to use the OS spellcheck it de-selects the input field meaning you can never use spell-check
4. When the resort happens, it doesn't correctly store the names. When you attempt to rename a folder after adding one, (which triggers the resort) it show the name value of the folder that was in that position before the new folder was added

To Reproduce

Try to rename Folders

Video:

https://www.loom.com/share/edcdbddcc6e547c0b9f654f6edddcf5a

Suggestions:

1. Don't put the "New Folder" form as an in-line folder. Use a "New Folder" modal so when the modal closes and the resort happens it doesn't seem like it vanished, perhaps also scroll to the new folder, and maybe even "select" it
2. when in "renaming mode" have the input dispose of the double click handler
3. Same as 2, capture the right-click/context to not trigger side-effects in parent components.
4. This I have no idea.. Stale state?

Your Environment

Mac OSX 11.6, Chrome

• I have read the Contributing Guidelines for this project.
• [ X] I agree to follow the Code of Conduct that this project
  adheres to.
• [X ] I have searched the issue tracker for an issue that matches the one I want
  to file, without success.

[JamesACS]

Hey @DennisSmolek - Thanks for raising this. I can reproduce it and definitely agree that the experience can be improved so it's been added to our internal bug board.

In the mean time, we'd recommend using keyboard shortcuts (CMD/Ctrl + A to select, then delete the existing name before typing the new one).

[DennisSmolek]

For sure wiping the whole name functionally works, but it's a pain especially if you have a structure like "R3F annd Examples for Presentation"

And to correct the typo you have to delete & retype everything...

I know clicking isn't cool in the Dev world these days lol but y'all have a pretty handy ui to use/control things.

My biggest gripe is I'm an idiot sometimes and something like "R3F Enviroment & suspense issue"

Mac is telling me I'm an idiot, and giving me the tools to fix it, but now I'm cmd+a, cmd+x, cmd-t, cmd+v, enter...
"Oh I'm an idiot there's an N there..."
Cmd+c,cmd+w, click... cmd+v

Totally a low priority grinds my gears kind of thing I know y'all have way bigger things but I figured it's one of those bugs that slips the cracks if no one says anything.

I appreciate the crazy fast response to such a trivial issue!

[CodeSandboxTeam]

We can absolutely appreciate how it's a pain and things like this may feel trivial, but they're a key part of most peoples workflows if they want to use CodeSandbox as an IDE - So thank you for raising it! We'll update you as soon as we have any news

…

--- original message --- On February 2, 2022, 12:34 PM GMT ***@***.*** wrote: For sure wiping the whole name functionally works, but it's a pain especially if you have a structure like "R3F annd Examples for Presentation" And to correct the typo you have to delete & retype everything... I know clicking isn't cool in the Dev world these days lol but y'all have a pretty handy ui to use/control things. My biggest gripe is I'm an idiot sometimes and something like "R3F Enviroment & suspense issue" Mac is telling me I'm an idiot, and giving me the tools to fix it, but now I'm cmd+a, cmd+x, cmd-t, cmd+v, enter... "Oh I'm an idiot there's an N there..." Cmd+c,cmd+w, click... cmd+v Totally a low priority grinds my gears kind of thing I know y'all have way bigger things but I figured it's one of those bugs that slips the cracks if no one says anything. I appreciate the crazy fast response to such a trivial issue! — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> --- end of original message ---