Closed Bug 1573261 Opened 6 years ago Closed 6 years ago

"Add new class" in CSS Rules Inspector should autocomplete with existing class names

Categories

(DevTools :: Inspector: Rules, enhancement)

enhancement
Not set
normal

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1492797

People

(Reporter: callahad, Unassigned)

References

Details

(Keywords: parity-chrome)

Attachments

(1 file)

Attached image Screenshot of Chrome

What were you doing?

  1. Visit https://tailwindcss.com/
  2. Inspect any text on the page
  3. In the Rules Inspector, click the ".cls" button, then "Add new class"
  4. Type "text-blue-400" and press Return

What happened?

  • The text input was a plain, unsophisticated text input.

What should have happened?

  • The DevTools should offer to autocomplete based on known classes.

Anything else we should know?

  • This is parity-chrome (see screenshot)
  • In Chrome, pressing up/down navigates the auto-complete list and instantly previews the effect of that class
  • This is exceptionally useful with CSS frameworks like Tailwind
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: