Open Bug 1458893 Opened 6 years ago Updated 2 years ago

Include grid area names in auto-completion of grid item placement values

Categories

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

defect

Tracking

(firefox61 affected)

Tracking Status
firefox61 --- affected

People

(Reporter: MatsPalmgren_bugz, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: testcase)

Attachments

(1 file)

Attached file Testcase
STEPS TO REPRODUCE
1. open the attached testcase in Nightly
2. open devtools and select one of the <x> grid items
3. in the Rules panel, add a new placement property [1] for the element
   and look at the auto-completion menu for its value
4. type "a"

ACTUAL RESULTS
"a-start" and "a-end" is included, but not "a".
Entering the value "a" is actually somewhat difficult now
since once you type the "a" the value "a-end" is automatically
filled in so you have manually delete the "-end" part to enter
"a" as a value.

EXPECTED RESULTS
In the second grid, I tend to think "a" should definitely
be included in the menu since it's an explicit area name.

In the first grid, "a" *may* be included since it's an
implicit area name.  I'm not sure if authors would be
confused about it though (compare bug 1456590).
(It's definitely a valid value on all of the item placement
properties though.)

Fwiw, in the second grid, I think using the area name instead
of line names is probably the more natural choice, and it's
shorter too.

[1]
grid-area
grid-column
grid-column-start
grid-column-end
grid-row
grid-row-start
grid-row-end
Blocks: dt-grid
Component: Developer Tools → Developer Tools: CSS Rules Inspector
Priority: -- → P3
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: