GUI propositions

[hex13]

• when in edit mode I would like a property value to be changed after pressing return key (now it's only mouse supported) and to be cancelled after pressing escape key.
• I would like also to be able to enter edit mode by double clicking either property key or property value
• how to rename a key of property? ;(
• it would be nice if tab key (or arrows, whatever) allowed for navigating between properties

[hex13]

I wonder maybe it would be even better to enter edit mode by (single) clicking instead of double clicking, as I proposed.

[mac-s-g]

just posted #96

that includes the following UX updates:

• double click value to enter edit mode
• escape key exits edit mode
• ctrl+enter submits edit form

I'll update when the updates are committed and published

[mac-s-g]

I committed and published to npm with version: 1.12.0

The updates aren't exactly to the suggested spec, but i chose to go with dblclick and ctrl+enter after playing with the UI a bit.

I'll leave this issue open to track renaming keys and possibly improving navigation between properties.

[mac-s-g]

I updated the component demo to run rjv 1.12.0

you can test the changes there.

let me know what you think!

[mac-s-g]

regarding renaming a key: I was thinking that I could add a click event that pops up the key name modal.

the problem is that clicking keys is already associated with a collapse/expand behavior.

I'm wondering if you have any ideas on how that could work?
@hex13

[wintercounter]

I'm wondering if you have any ideas on how that could work?
With CTRL+Click then?

[mac-s-g]

closing this issue because most features have been implemented. feel free to open a new issue with specific feature requests if you feel this one was not completed.