LeaVerou/prefixfree — Issue #32: Strange behaviour in dev tools
Author: Yojimb0
Created: 2011-12-15 08:23:45+00:00
State: open

I'll try to explain it with words, but I made a picture more understandable.

=> http://www.yojimbo.fr/_images/prefixfree_issue.png

I set up 2 test-cases :
- http://www.yojimbo.fr/test_prefixfree.html
- http://www.yojimbo.fr/test_without_prefixfree.html

Step by Step :
- In both cases, I do a right-click on the section tag (Big grey square) -> inspect
- then Dev Tools open in Elements panel, where i can see DOM on the left, and Styles applied to selection on the right.
- In the right subpannel, we can see which file is the origin of the shown CSS, it's where the difference appears. Without PrefixFree, I get the classic behaviour : the CSS file is show, i can click on it and live edit it in Ressources panel. But With PrefixFree, it's the HTML file which is shown, and whene i click on, i still go to Ressource panel, and Chrome doesn't show me the CSS, but the HTML file -> and here, when i click on the CSS file, and try to edit it, it doesn't work :( !

Maybe it's not a PrefixFree problem, that's why I didn't make an issue here at first. Maybe it's a local problem (But my coworkers have the same) ... I don't know, but thanks for the help !