1263097 - StyleEditor: autocomplete should highlight the best CSS property by default

Status: NEW

(DevTools :: Style Editor, defect, P3)

Description

[Julian Descottes [:jdescottes]]

Follow up to bug 1168246, which implemented this for the rule-view.

STRs:
- open styleeditor
- edit a rule
- start typing "w" to create a new property

ER: Autocomplete selects the most used property "width"
AR: Autocomplete selects the first property based on the alphabetical order "white-space"

The goal is to reuse the suggestion picker implemented in Bug 1168246.
The StyleEditor autocompletion is handled by:
- /devtools/client/sourceeditor/autocomplete.js
- /devtools/client/sourceeditor/css-autocompleter.js

css-autocompleter is called by autocomplete.js to build the suggestion list. autocomplete.js uses this list to call setItems on an autocomplete-popup instance.
setItems accepts an optional parameter to select an item other than the first of the list. 

The suggestion-picker is implemented in /devtools/client/shared/suggestion-picker.js and you can find an example usage in /devtools/client/shared/inplace-editor.js::_maybeSuggestCompletion

Comment 1

[Patrick Brosset <:pbro>]

Triaging (filter on CLIMBING SHOES).