DevTools: Auto-complete in element className input
Reported by
damien...@gmail.com,
May 13 2016
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2716.0 Safari/537.36 Steps to reproduce the problem: 1. Use the new field to add a class 2. begin to enter class What is the expected behavior? Show list of available classes as autocomplete. What went wrong? No autocomplete right now Did this work before? No Chrome version: 52.0.2716.0 Channel: dev OS Version: Flash Version: Just a nice productivity feature
,
May 16 2016
Can you provide an example? Historically classnames are fairly unique, but I guess you're using a BEM style?
,
May 16 2016
So, let's say you have Twitter Bootstrap loaded.
When you type `b` in the "Element Classes" dialog ("Add new class"), you get an autocomplete of the name with "btn, btn-small,...'. Best thing would be to fuzzy match the thing but simple autocomplete would already be nice. Also, you can use the same system in the 'New Style Rule' thing (or when you edit an already existing one), if you type "." then the class autocomplete comes in play.
It's nice with BEM but with most naming styles I think.
The most incredible long-term thing would be to make the dev tools a chrome extension so people can fork it and provide alternatives.
,
Aug 5 2016
Do you want autocomplete to show classes which are already on the page?
,
Aug 5 2016
That would be nice too but it could be a second step (if you're asking me, not paul)
,
Aug 5 2016
So which classes would you like to see in suggestions? Heuristic names would not work for majority of the users.
,
Aug 6 2016
No heuristic names, you just the class names from the current page: Both from the styles (.css and <style> tags) in the page and the class names of the tags. I can make some mockups/prototype if you want it to be more clear.
,
Dec 13 2016
This was fixed some time ago. |
||||
►
Sign in to add a comment |
||||
Comment 1 by jonathan.garbee@chromium.org
, May 13 2016Labels: -OS-Linux -Type-Bug -Pri-2 OS-All Pri-3 Type-Feature
Owner: lushnikov@chromium.org
Status: Assigned (was: Unconfirmed)