1268427 - Show door hanger for properties even when an invalid value was entered

Status: NEW

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

Description

[Sebastian Zartner [:sebo]]

+++ This bug was initially created as a clone of Bug #1217328 +++

Properties, which allow to change their value via a tooltip, should always show the door hanger icon to open that tooltip, also in case of an invalid value. This improves the UX by allowing you to choose a value without having to enter a valid value first.

This already works for invalid values within the 'filter' property, though not for any other property.

For shorthand properties (like 'animation: invalid-timing-function 2s;') or colors appearing within a function (like 'background-image: linear-gradient(invalid-color, blue);') it may be tricky to recognize where to add a door hanger, so those cases may be skipped if no easy solution is found.
Though for simple values (like 'color: invalid-color;') that should be straight forward.

Sebastian

Comment 1

[Patrick Brosset <:pbro>]

Inspector bug triage (filter on CLIMBING SHOES).