1463384 - Grid area autocomplete not working properly

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Chris Mills [:cmills]]

In the CSS rules view, we implemented autocomplete for CSS Grid named areas in https://bugzilla.mozilla.org/show_bug.cgi?id=1431071 - this is really great!

However, it doesn't look to be working properly. When you get autocomplete values to appear for grid-area, you don't get the right values.

as an example, look at Rachel Andrew’s demo at https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas#Naming_a_grid_area. In the live example here, where I try to get autocomplete suggestions for grid-area set on the header, footer, sidebar or content <div>s, it gives me things like “main-start” and “main-end”, but not “main", which is the actual name given on the parent in the grid-template-areas property.