LiveEdit not updating from StyleSheet update in PhpStorm 7.0

Hi All,

Just updated to PHPStorm 7.0 and the LiveEdit is not refreshing the page in Chrome when editing the stylesheet file in the project. It is working when updating the PHP files and any template files (I'm using Smarty), yet not when updating the main CSS file.

I've checked it's the correct file I'm editing by performing a manual refresh on the page and it reloads in the browser as expected.

This was working in PHPStorm 6, the help file doesn't mention anything specifically regarding CSS files that I can see.
http://www.jetbrains.com/phpstorm/webhelp/live-editing-of-html-css-and-javascript.html

Anyone any ideas what I'm missing?

Thanks, Jon

8 comments

Hello!

Live Edit works fine for CSS. Are you trying to edit it during a debug session? Is the problem specific to certain CSS, or exhibits itself with any css file?

0

Yes I'm running javascript debug and that works OK if it's a PHP file. But when editing the CSS I have to manually refresh the page in Chrome. I've tried moving the CSS file to the root (it was in a CSS sub-folder), linking to that and it still doesn't work. Again manually refreshing the page brings up the changes.

It seems to be ignoring the file extension CSS.. Is that even possible?

Any ideas would be appreciated otherwise I'll have to drop back to v6.

Regards, Jon

0

Please can you attach a sample project that shows up the problem?


0

I've attached an example project.

When debugging via Javascript:
- Changing the test.css file in the IDE does update the browser.
- Changing the test.html file in the IDE does update the browser.

Further it appears to be some issue with the sub-folder, if the CSS file is placed in the root folder it updates. When placed in a subfolder (CSS in this case) it doesn't update.

Any ideas?

I assume it must be a setting I've changed accidently at some point...

Regards, Jon



Attachment(s):
buggy-PHPStorm.zip
0

Hi Jon,

thank you for the sample!
For me, you css is not loaded at all (I get 404 (Not Found) error when opening your project on a built-in web server) because the css url is resolved to <web server root>/css/test.css due to leading slash (href="/css/test.css"). After changing the url to file relative (href="css/test.css") live editing works as expected
What server do you run your application on? Do you have server mappings set up accordingly in Settings/Deployment? As far as I can see, no mappings are configured in jsDebug run configuration, so you have to do this in Deployment settings

0

jonwalker wrote:

Hi All,

Just updated to PHPStorm 7.0 and the LiveEdit is not refreshing the page in Chrome when editing the stylesheet file in the project. It is working when updating the PHP files and any template files (I'm using Smarty), yet not when updating the main CSS file.

I've checked it's the correct file I'm editing by performing a manual refresh on the page and it reloads in the browser as expected.

This was working in PHPStorm 6, the help file doesn't mention anything specifically regarding CSS files that I can see.
http://www.jetbrains.com/phpstorm/webhelp/live-editing-of-html-css-and-javascript.html

Anyone any ideas what I'm missing?

Thanks, Jon

I am having this same issue with 7.1
HTML edits are updated live but changes made to the external stylesheet require an Ctrl-F5 refresh. Is this working as intended or am I missing some configuration?

Thank you,
--StevenKW



Attachment(s):
206.zip
0

Most probably this is the same issue as http://youtrack.jetbrains.com/issue/WEB-11393
Problem is caused by changes in Chrome API.

Please check if the problem persists in the PHPStorm 8 EAP (http://confluence.jetbrains.com/display/PhpStorm/PhpStorm+Early+Access+Program) with the most recent Live Edit plugin installed

0

Elena,

Thank you for the information.

Works great!

--StevenKW

Message was edited by: StevenKW

0

Please sign in to leave a comment.