CSS expansion, visual select values with defaults

[PezCoder]

I have

• [x] Read through the docs but didn't found solution for my specific usecase
• [x] Searched for issues but didn't found my usecase

Notations: | - represents cursor position *visually selected* - stuff between asterisk is visually selected

Current behaviour:

d|

expands to

// cursor is at the start of the 'block' keyword in insert mode
display: |block

Suggesting the behaviour to be:

// making the block visually selected
display: *block*

I actually came across this usecase multiple times.

While i think putting user in insert mode is really helpful where there is no default value for an attribute, like border but for the properties that have a default value like in case of display, putting the user in visual mode with the value highlighted could be of greater value as the user can then go ahead & immediately change it by pressing c once or exit from it by pressing esc.

If this is something that can be achieved currently, please guide me.

[AckmanDESU]

Spent the last hour looking around for this option. I guess it doesn't exist. It would make the plugin much more comfortable to use.

[AndreGeng]

it would be great to have this feature