Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Divs no longer highlighted in blue in Live Preview #9716

Closed
TonyGG18 opened this issue Oct 28, 2014 · 15 comments
Closed

Divs no longer highlighted in blue in Live Preview #9716

TonyGG18 opened this issue Oct 28, 2014 · 15 comments

Comments

@TonyGG18
Copy link

Whenever I am in a css file with live preview on, whenever I click on a class live preview does not highlight in blue the div container. I turned off my computer for the weekend and when I came into work this week, this feature no longer worked. Even tried creating a new html project with blank files. Tried uninstalling and reinstalling as well. Also tried reloading without extensions.

@redmunds
Copy link
Contributor

@TonyGG18 Are you seeing the blue border highlight, but not the blue background color highlight (and then fade)? Issue #8914 captures that.

@TonyGG18
Copy link
Author

I see no highlights or background color highlights at all.

@redmunds
Copy link
Contributor

Make sure that your css file in inside your current "project" (i.e. folder opened with File > Open Folder...). More things to try in Troubleshooting guide.

@TonyGG18
Copy link
Author

Yes my css file is inside my current project. The highlight function does not work with the "getting started" project either. I tried several steps on troubleshooting guide to no avail. To be clear, I currently have open the "getting started" project with no extensions loaded, I closed all instances of Google chrome, I clicked live preview, I open the css file, highlights don't appear.

@redmunds
Copy link
Contributor

Try Debug > Show Developer Tools and switch to the Console. Are there any errors? Copy and Paste them here.

Which version of Brackets are you using? We have posted beta builds of 0.45 if you want to give that a try.

@TonyGG18
Copy link
Author

Here is what the console looks like after opening an html page in live preview without any extensions.

Version of Brackets:
Release 0.44 experimental build 0.44.0-14876 (release 6d2d33d)
build timestamp: Fri Oct 03 2014 15:05:44 GMT-0700

Download the React DevTools for a better development experience: http://fb.me/react-devtools /thirdparty/react.js:4356
Brackets reloaded with extensions disabled /document/DocumentCommandHandlers.js:1643
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Regular.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Semibold.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Light.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-It.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceCodePro/SourceCodePro-Medium.ttf".
Uncaught TypeError: Cannot read property 'canonicalizedURL' of undefined /LiveDevelopment/Agents/CSSAgent.js:176
_styleSheetRemoved /LiveDevelopment/Agents/CSSAgent.js:176
o.event.dispatch thirdparty.min.js:560
r.handle thirdparty.min.js:560
o.event.trigger thirdparty.min.js:560
o.fn.extend.triggerHandler thirdparty.min.js:560
_onMessage /LiveDevelopment/Inspector/Inspector.js:230
ConsoleAgent: Uncaught ReferenceError: responsiveNav is not defined (url: file:///C:/Users/tgerardot.MASTERSPAS/Desktop/Cares%20Web/naz-childrens-centre-test.html) in :19 /LiveDevelopment/Agents/ConsoleAgent.js:55
_log /LiveDevelopment/Agents/ConsoleAgent.js:55
_onMessageAdded /LiveDevelopment/Agents/ConsoleAgent.js:62
o.event.dispatch thirdparty.min.js:560
r.handle thirdparty.min.js:560
o.event.trigger thirdparty.min.js:560
o.fn.extend.triggerHandler thirdparty.min.js:560
_onMessage /LiveDevelopment/Inspector/Inspector.js:230
ConsoleAgent: Failed to load resource: net::ERR_FILE_NOT_FOUND (url: file://www.youtube.com/embed/z15g6qeeshM) /LiveDevelopment/Agents/ConsoleAgent.js:55
_log /LiveDevelopment/Agents/ConsoleAgent.js:55
_onMessageAdded /LiveDevelopment/Agents/ConsoleAgent.js:62
o.event.dispatch thirdparty.min.js:560
r.handle thirdparty.min.js:560
o.event.trigger thirdparty.min.js:560
o.fn.extend.triggerHandler thirdparty.min.js:560
_onMessage /LiveDevelopment/Inspector/Inspector.js:230

@redmunds
Copy link
Contributor

What is the link to your css file?

@TonyGG18
Copy link
Author

link rel="stylesheet" href="css/inner.css"

@redmunds
Copy link
Contributor

Make sure that path is correct. If so, make sure there are no syntax errors in stylesheet.

@TonyGG18
Copy link
Author

I assume that the css file that came with the "Get Started" project has a correct path and no syntax errors, correct? Because even opening that project the highlighting feature does not work.

@redmunds
Copy link
Contributor

What version of Chrome are you running? Brackets only supports current stable version, not beta, dev, or canary.

@TonyGG18
Copy link
Author

Version 38.0.2125.111 m

@redmunds
Copy link
Contributor

You should have tried this from Troubleshooting page, but be sure to clear your cache: https://github.com/adobe/brackets/wiki/Cache-Folder

Maybe your installation became corrupt. Try re-installing Brackets.

@TonyGG18
Copy link
Author

Yes I cleared the cache before and it didn't work.

SOLUTION:
I had to completely uninstall Brackets, completely delete the Brackets folder inside Roaming, then reinstall Brackets. Wow, what a chore. Thanks for being patient. Hope this helps anyone else having a similar problem.

@TonyGG18 TonyGG18 reopened this Oct 28, 2014
@redmunds
Copy link
Contributor

Whew! Closing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants