When trying to modify CSS code already provided in a CSS file, page does not reflect the changes until saving.
But when adding new CSS rules in the editor, those rules are reflected live on the page.

Comments

guybedford’s picture

guybedford commented

I haven't had this issue before. Which browser are you using when you get this?

Is this happening with LESS or CSS?

Any further information appreciated to reproduce.

hles’s picture

hles commented
Status: Active » Postponed (maintainer needs more info)

I use Chrome and and atm I only try to edit CSS files as I still have a few issues with that. I'm not sure why this is the case yet as I've not tried to debug it yet, but I will give you more information and try to reproduce it in other browsers to start.

hles’s picture

hles commented
Status: Postponed (maintainer needs more info) » Active

Create an empty CSS file, add it to .info file, add a simple rule like a { color: #f4f }, and save.
Now if I try to change the color live, I won't see the color change on the page. But adding another CSS property like a { color: #f4f; margin: 30px; } will display the margin change live.
I have no javascript errors on the page and I can see the editor parsing the editing live (css syntax errors are shown live).

guybedford’s picture

guybedford commented

Can you view the page source and let me know if the css file is included in a

tag through an import or if it is being inserted as a link element?
hles’s picture

hles commented
Category: bug » support
Priority: Major » Normal
Status: Active » Closed (fixed)

Oh, looking at the page source, I see that I overlooked the extension of the file. In fact the file was displayed in the editor as a .css file in the list when it was .less file actually. And this is because LESS preprocessor module was still enabled.

Let's close this issue as it actually looks like it works.