Creating a 'new folder' in the breadcrumb, as part of the Media Picker journey niggle

[marcemarc]

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

v15.2.3

Bug summary

This is the tiniest tiny of things, and I didn't raise this in the initial wave of editor v15 feedback, because I thought, well, you'll get used to that... but it is different to V13...

Basically, if you are in a Media Picker and you want to upload a new image to a new folder, you have for long time now, been able to create the new folder using the + in the breadcrumb, within the media picker interface.

1st feedback is omg, where has it gone this feature is so useful... answer, it's at the bottom now, I think this is more of a who moved my cheese thing, because although breadcrumbs are more traditionally at the top of the interface this isn't the key aim of the Media Picking journey, so it doesn't have to be so prominent...

... anyway the niggle, is that when you have clicked the + and typed in your new folder name, pressing 'return key' doesn't save the folder - whereas in V13 it did... pressing return after entering a value into a form field is generally considered a completion of the action, but not anymore, but there is no indication of what the editor should do to 'save' the folder... if they press tab it saves... if they click outside of the textbox with the mouse it will save...

but here's the thing there is a lovely green 'call to action' button called 'Submit' on the same bar now as the breadcrumb... giving a really really strong scent that this is the thing to click to save your changes... but it isn't this is the submit for the dialog and although the folder is created when you accidentally click it, the Media Picker is closed!"

and I guess, what the niggle is, can we make the return/enter key do the same as it did in v13, or if we wanted to prevent the editors naturally drifting to the tantilisingly green 'click me' button nearby - we could present a little tick/cross or save/bin icon above the new media folder name indicating to the editor exactly how to save or cancel their new folder?

Specifics

When using the Media Picker

Steps to reproduce

Have a look at the video:

savenewfolder2.mp4

To replicate just use a Media Picker and then whilst picking - try to add a new folder to upload into, try pressing enter/return key on keyboard to save it - nothing happens, then look around for something to click - see that the submit button is the wrong thing to click!

Expected result / actual result

I'd expect pressing the enter to save the new folder, that would save migrating editors from confusion

for new editors, it would be lovely to have little tick / cross overlays appearing as they type to give them some clear indication of what to click to save the folder - to avoid accidentally clicking submit and being annoyed and banging on about how unfriendly their CMS is at dinner parties.

---

This item has been added to our backlog AB#50902

[github-actions]

Hi there @marcemarc!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

• We'll assess whether this issue relates to something that has already been fixed in a later version of the release that it has been raised for.
• If it's a bug, is it related to a release that we are actively supporting or is it related to a release that's in the end-of-life or security-only phase?
• We'll replicate the issue to ensure that the problem is as described.
• We'll decide whether the behavior is an issue or if the behavior is intended.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot 🤖 🙂

[NguyenThuyLan]

I can see the difference between v13 and v15 is disabling the select button when have not clicked on any item in the media.

[nielslyngsoe]

Hi @marcemarc

From a quick look, it seems you wanted to use the Submit button to create the new folder.

My suggestion would be to get rid of the minimalistic folder creation UX and instead use the same flow as when creating folders from the Tree.

This flow is as following:

1. User clicks the little button with a Plus symbol.
2. User sees the Folder Create dialog (This already exists in the system)
3. User can Submit the Folder Creation Dialog and then we new folder will appear in the Media Picker.

As you mention your self this is not a urgent think, and therefor I will mark it as up for grabs.

Thanks

[github-actions]

Hi @marcemarc,

We're writing to let you know that we would love some help with this issue. We feel that this issue is ideal to flag for a community member to work on it. Once flagged here, folk looking for issues to work on will know to look at yours. Of course, please feel free work on this yourself ;-). If there are any changes to this status, we'll be sure to let you know.

For more information about issues and states, have a look at this blog post.

Thanks muchly, from your friendly Umbraco GitHub bot :-)

[marcemarc]

@NguyenThuyLan aha, wondered why this was reported before other than the distance between the breadcrumb and button

@nielslyngsoe yes, it's not that I want the submit button to be the save button, it's that editors think that it is, due to it being active and in the same grey area as the minimalistic folder create mechanism - agree, if I've understood correctly, that actually, maybe even replacing the + with a 'New Folder' button, that just opens up the existing create folder in an infinity editor would fit in more with the rest of Umbraco's UX