Live Preview does not update HTML unless it is saved

[Igglyboo]

Running Mac OSX 10.10 Yosemite Beta. I made sure I have my html and css files in the current project and working directory. CSS changes will occur realtime in the live preview but html changes do not occur until I actually save the html file.

[redmunds]

Start by reading the Live Preview section of the How To Use Brackets doc and the Live Preview Isn't Working section of the Brackets Troubleshooting guide.

[marcelgerber]

@Igglyboo Do you have the "CSS Shapes Editor" extension installed? There's an issue (adobe-webplatform/brackets-css-shapes-editor#4) that causes HTML live preview issues.

[redmunds]

In general, always try Debug > Reload Without Extensions before filing an issue.

[Igglyboo]

I've tried loading brackets without extensions without avail.

[pthiess]

We assume this is 10.10 only - tracking on #9202.

[redmunds]

@Igglyboo Did you read though the Live Preview section of the How To Use Brackets doc and the Live Preview Isn't Working section of the Brackets Troubleshooting guide?

[redmunds]

@Igglyboo We found issue #9303 which may be the problem you're seeing. This will be fixed in Release 0.44. We have a beta build or 0.44 available if you like to try it out now. Please let us know if your problem is fixed or not.

[redmunds]

@Igglyboo Especially check the HTML Page is not Updating in Browser as you Type section of the Troubleshooting Guide. Does that explain what you're seeing?

[quiquejbb]

I'm also having issues with the Live Preview, working on latest Brackets, Win 8.1...simple HTML / CSS , live preview breaks often and I have to reload Chrome to see any changes, saving the document won't auto-reload either...I have tried without extensions and get same behavior...

[bchintx]

I'm not seeing any problems on either Windows 8.1 or OSX 10.10. I've tested with the Getting Started project that ships w/ Brackets, and making changes to the index.html content updates Chrome immediately.

On both systems, I'm running the current Brackets release 0.44 with Chrome v38.0.2125.104. For OSX, I'm running OS X Yosemite GM Candidate Version 3.0, released Oct 9. For Windows, I'm running 8.1 Pro with the latest updates.

@quiquejbb @Igglyboo does the same problem reproduce regardless of the project? eg. can you reproduce using the Getting Started project that is installed with Brackets?

[quiquejbb]

@bchintx thansk for the note. I've reproduced without extensions and keep getting the same issues...in short Live Preview stops working very often, particularly when I copy / paste code within the document or do inline-CSS mods. I am obliged to reload with F5 all the time, but that kind of defeats the whole purpose of Live Preview.
I will try to reproduce with the Getting Started doc and will get back.

[redmunds]

@quiquejbb Live Preview stops updating while the tags in your page are out of balance. When you are in this state, the lightning bolt icon turns pink and the tooltip says "not updating due to syntax error". The line number where the error occurs is also pink. For example:

Is that what you're seeing?

[quiquejbb]

@redmunds I'll check that out, thanks ;) (wasn't aware of that).. it might well be the case. I'll report back after some testing (since I didn't always get the pink warning, but also simply yellow and unresponsive, but perhaps related to the same issue...). I also understand that there are a few extensions that may interfere with Live preview (CSS Shapes, Theseus, maybe css autoprefixer). Thanks again

[redmunds]

Closing this issue. Anyone who is still seeing this, please open your own new issue so we can keep the details separate.

[sopheakpsp]

if you have any error HTML code or script outside the tag, the live preview will be error.

[akinhwan]

live preview also stops updating once you inspect the page

[uchendu1]

mmm

[blind0x]

For everyone, this problem can be resolved by following steps:-

1. On menu bar, go to File --> Open Folder (folder which have your html file for live preview)

2. Select Folder

3. Select your html file from left side bar for live preview

4. Click on bolt icon on right (preview button)

All it melts down to the fact, that you need that folder(which have your file) selected to view your output in live preview.
Let me know, if it helps someone. :)

[mohamednagy1000]

For everyone, this problem can be resolved by following steps:-

1. On menu bar, go to File --> Open Folder (folder which have your html file for live preview)
2. Select Folder
3. Select your html file from left side bar for live preview
4. Click on bolt icon on right (preview button)

All it melts down to the fact, that you need that folder(which have your file) selected to view your output in live preview.
Let me know, if it helps someone. :)

yes it worked
thanks so much