Bug 56118 – Web Inspector: CSS Autocomplete Should Use More Contextual Information

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector (Deprecated)

[Joseph Pecoraro]

CSS Autocomplete for properties with multiple values, or complex values should take context into account.

For example:

  background-image: url(|   => should not autocomplete values, but possible URLs if possible
  border: 1px s|            => should not autocomplete colors, but should autocomplete "solid, dashed, dotted, etc."

[Alexander Pavlov (apavlov)]

(In reply to comment #0)
> CSS Autocomplete for properties with multiple values, or complex values should take context into account.
> 
> For example:
> 
>   background-image: url(|   => should not autocomplete values, but possible URLs if possible
>   border: 1px s|            => should not autocomplete colors, but should autocomplete "solid, dashed, dotted, etc."

The second example is arguable. Technically, "border: 1px saddlebrown" is as valid as "border: 1px solid black" (in the first case, the style could be set by another rule's "border-style" property, perhaps with a ":hover" pseudo).

[Joseph Pecoraro]

(In reply to comment #1)
> (In reply to comment #0)
> > CSS Autocomplete for properties with multiple values, or complex values should take context into account.
> > 
> > For example:
> > 
> >   background-image: url(|   => should not autocomplete values, but possible URLs if possible
> >   border: 1px s|            => should not autocomplete colors, but should autocomplete "solid, dashed, dotted, etc."
> 
> The second example is arguable. Technically, "border: 1px saddlebrown" is as valid as "border: 1px solid black"

Whoops, I didn't realize that. Bad example, and thanks for the correction.

Another case I've run into is -webkit-gradient() and -webkit-transform()
which themselves are functions which may take multiple arguments.
It would be nice to give proper autocompletion. It seems all my examples
so far are functions, but maybe there are examples of properties that
take multiple values of different "types".

Other things that come to mind are Font autocompletion, but that is
possible right now without "context", we just need to generate valid
values.