CSS Connection Breaking when Switching Between Files

[jonsuther]

This discussion started here but seems to need further attention: #6830 (comment)

I am not seeing any CSS changes happen. HTML change and even the HMTL/CSS highlights are working, but the CSS changes are not pushing over.

Retyping the in the head and it restored the connection for some of my projects, but once I click back to the HTML file I have to change a character in the href to reestablish every time I switch back.

If I create a new project to try and replicate the issue things work fine. So it seems to be affecting older projects?

I was hoping I could just put my problem project files into a new folder and bringing that folder in as a new project, but it didn't work.

This is the site I am having trouble with: http://arbiter-design.com/wycliffe/summercampaign

Files are here: http://arbiter-design.com/wycliffe/summercampaign/stupid_project.zip

[dangoor]

Reviewed medium priority to me to investigate.

@jonsuther I probably won't get a chance to look at this this afternoon, but I'll take a look soon.

[UncleDozer]

Having exactly the same issue. Using sprint 40. Chrome version 34.0.1847.137.

[redmunds]

Could this be a duplicate of #7886 ?

[jonsuther]

It seems similar, though I could not replicate his problem or the workaround.

EDIT: Accidentally clicked closed. This is still open.

[UncleDozer]

@redmunds I don't think so, everything works on the getting started examples. The issue does go away when I retype the css link in the head, but if the page reloads I have to retype again.

The errors I'm getting in the devtools:
CSSAgent.js:102
Uncaught TypeError: Cannot read property 'styleSheetId' of undefined CSSAgent.js:103
Assertion failed: Style Sheet for document not loaded: http://127.0.0.1:51204/css/main.css CSSAgent.js:102
reloadCSSForDocument CSSAgent.js:102
Uncaught TypeError: Cannot read property 'styleSheetId' of undefined CSSAgent.js:103

Quick note, this issue does not effect html live developing.

EDIT: This also effects the same project on a different computer, on an entirely different network. I do believe that it is effecting particular projects. Not sure if it has anything to do with age or if its a problem with external stylesheets. Don't have a chance to mess with it right now, but maybe if I get some more free time tonight I'll run a few tests to see if I can reproduce the bug on a newer project.

EDIT2 (5/21/14): I've also noticed that if I do inline editing after retyping the head, that it shows I have 2 stylesheets by the same name with the same attributes. Not sure if this helps at all.
If I do not retype the head, and I do start editing the css file, then the smart indent seems to be working as if I were working on an html file. For example, if I hit enter on a codehint, it immediately goes to the next line and indents.

[jonsuther]

@dangoor, have you had a chance to look into this yet?

[dangoor]

@jonsuther Sorry, I haven't... One of the things on my plate has been working with some people who are completely reworking how CSS live development works, though.

[marcelgerber]

@jonsuther I see your project has iframes. I guess it's #7935 (it's the same error message at least), which will be fixed by my PR #8144.

@UncleDozer Does your project include iframes as well?

[jonsuther]

That fixed it for me! :) TY!

[redmunds]

@jonsuther This was fixed in pull request #8144 for Release 0.43.