Classes Pane - autocomplete suggestions should be immediately applied
Reported by
kdzwinel@gmail.com,
Jan 22 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36 Steps to reproduce the problem: 1. Inspect an element 2. In Element > Styles click 'cls' button 3. Start typing 4. Select one of the suggestions from autocomplete What is the expected behavior? What went wrong? Selected class is not applied to the element until 'enter' is pressed. This is unexpected, because it is different from editing CSS properties where autocomplete gives immediate preview of the selected value. Being able to quickly see how given CSS class impacts inspected element would be very useful. Did this work before? No Chrome version: 55.0.2883.95 Channel: stable OS Version: OS X 10.12.2 Flash Version: Please see the attached video of the proposed solution. Proof of concept can be found here - https://codereview.chromium.org/2646283002
,
Jan 23 2017
Hey! This is a feature request not a bug. I don't see how I can create a useful jsfiddle for that. I also cannot reproduce it in other browsers as this is a feature that only Chrome DevTools have.
,
Jan 23 2017
This is a feature request therefore a working demo isn't really necessary for the team to assess the request. Forwarding on as an untriaged feature request.
,
Jan 30 2017
,
Jan 30 2017
I'll be glad to implement this if the team decides that they want this feature.
,
Jan 31 2017
@kdzwinel: yay! Go ahead! I'll be happy to review your CL
,
Feb 6 2017
@lushnikov: In case you missed it, the CL is here: https://codereview.chromium.org/2646283002 :)
,
Feb 18 2017
,
Apr 8 2017
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/56d5720cf9a277a61d859d6829bf1a5bfb7d845c commit 56d5720cf9a277a61d859d6829bf1a5bfb7d845c Author: kdzwinel <kdzwinel@gmail.com> Date: Sat Apr 08 01:51:48 2017 DevTools: ClassesPaneWidget - Add ability to quickly preview autocompleted CSS classes. In action - https://i.imgur.com/yucn4TI.gif 📽 BUG= 683623 Review-Url: https://codereview.chromium.org/2646283002 Cr-Commit-Position: refs/heads/master@{#463104} [modify] https://crrev.com/56d5720cf9a277a61d859d6829bf1a5bfb7d845c/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js [modify] https://crrev.com/56d5720cf9a277a61d859d6829bf1a5bfb7d845c/third_party/WebKit/Source/devtools/front_end/sdk/DOMModel.js
,
Apr 13 2017
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by durga.behera@chromium.org
, Jan 23 2017