[Feature] Keyboard access to change number values in fields

Feature:
When editing a field with a number value (or number like value) allow arrow keys (with shift & alt modifer keys) to increment/decrement the values.

Hopefully this would also translate into live updates of these properties in the preview area.

Why:
When building and working with many elements over many hours, even this small UI enhancement would take some mental strain/task shifting strain from development.

Notes:

  • When dealing with pixels, it would hopefully still work to increment/decrement.
  • Shift key modifier would increment by 10s. (ie, + 10)
  • Alt key modifier would increment by 1 decimal (ie, + .1)
    This is how the inspector works in Chrome/Firefox when dealing with CSS/HTML, and it’s become quite comfortable to use in day to day webdev work.

Thanks!

Screenshot example:
image

1 Like