Make editable also longhand properties children of shorthand ones

Shorthand properties in CSS pane can be expanded to display their related longhand properties by clicking the arrow besides them.

This would be very very useful if could be possible to edit values directly in longhand children, and auto-update shorthand.

For example, following properties could be expanded into next 3 ones:

flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;

Why not make editable for example “flex-basis” directly?