1572570 - Autocomplete style declarations when entering values

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P3)

Description

[Sebastian Zartner [:sebo]]

When adding CSS style declations it happens that you only remember the keyword value but not the related property name. Or you want to add a property and know beforehand to which value you want to set it.

For those cases providing an autocompletion of the full style declaration, i.e. the property plus the value when entering a keyword value, helps to speed things up.

The Chrome DevTools added this feature lately, so you can try it out there.

Some UX related points to consider:

• When selecting a style declaration from the suggesions list, the property and value should get added and the value be selected.
• When entering a property name, show the name plus different style declarations as options? (e.g. text-align plus text-align: left, text-align: center, etc.; the Chrome DevTools do that)
• Differenciate between properties and full style declarations somehow within the suggestion list (besides showing the value)? (the Chrome DevTools make no difference)

Sebastian