RESOLVED FIXED 150014
Web Inspector: Highlighting CSS values could be more obvious 
https://bugs.webkit.org/show_bug.cgi?id=150014
Summary Web Inspector: Highlighting CSS values could be more obvious
Chris Shults
Reported 2015-10-11 08:46:15 PDT
Created attachment 262860 [details] Highlighting CSS values in the inspector could be more obvious. I think this might a feature request or a usability enhancement. Hopefully I'm in the right area/venue: As I’m sure you know, lots of front-end web development and Q/A is done in the web inspector. Editing font size, adding styles, etc. In Safari, the inspector is beautiful and extremely useful. But there is one area it could be stronger. Highlighting a css property or value doesn’t indicate it is editable, even though it is. See attached. In Chrome and firebug, it becomes an input box and it is easy to adjust the value. You can tab through property names, and values and it really makes it much easier to develop in. You can also arrow up and down to increment/decrement values, or see all possible values in a dropdown to troubleshoot. In safari you can edit the values, but there is no visual feedback, and it is more difficult to select and adjust those values. Because of this, I have to do all my front end work in Chrome, not safari. I hope you will consider this, as I love safari!
Attachments
Highlighting CSS values in the inspector could be more obvious. (240.09 KB, image/jpeg)
2015-10-11 08:46 PDT, Chris Shults 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2015-10-11 08:46:43 PDT
<rdar://problem/23063255>
Timothy Hatcher
Comment 2 2015-10-22 08:09:56 PDT
In Safari 9 and the WebKit nightly we support the various ways you mention in the image.
Timothy Hatcher
Comment 3 2015-10-22 08:11:08 PDT
To be clear, we don't use individual input boxes still but tabbing and click to add a newline (property) works. You can always increment and decrement via the Option arrow key combos.
Chris Shults
Comment 4 2015-10-22 20:05:53 PDT
Wow, thank you so much! This is my 15 minutes of fame. :D
Note You need to log in before you can comment on or make changes to this bug.