We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Funkcionalnosć tutoho sydła so přez wothladowanske dźěła wobmjezuje, kotrež maja waše dožiwjenje polěpšić. Jeli nastawk waš problem njerozrisuje a chceće prašenje stajić, wobroćće so na naše zhromodźenstwo pomocy, kotrež na to čaka, wam na @FirefoxSupport na Twitter a /r/firefox na Reddit pomhać.

Avatar for Username

Pomoc přepytać

Hladajće so wobšudstwa pomocy. Njenamołwimy was ženje, telefonowe čisło zawołać, SMS pósłać abo wosobinske informacije přeradźić. Prošu zdźělće podhladnu aktiwitu z pomocu nastajenja „Znjewužiwanje zdźělić“.

Dalše informacije

Tuta nitka je so archiwowała. Prošu stajće nowe prašenje, jeli pomoc trjebaće.

Cannot get the style editor to behave properly with Sass files

  • 1 wotmołwa
  • 1 ma tutón problem
  • 12 napohladow
  • Poslednja wotmołwa wot Tonnes

ProFromGo
ProFromGo
more options

Basically, I go into the style editor, source maps are enabled, "show original sources" is checked. I want to edit a sass file and see the changes happen on the live page. I find the Sass file, and save it over the local sass file (.scss extension). I have sass watch working, and the new css is generated with an updated source map after the save. However, when I make changes to the sass file in the editor and save, the changes don't go live. If I reload the page I get an error saying "style sheet could not be loaded" and the sass file I was just working on doesn't show up in the style editor.

I can edit css files and see the changes live without issue.

This problem is consistent on Developer edition 58.0b12 and Firefox 57.0.2.

Am I just doing it wrong?

Basically, I go into the style editor, source maps are enabled, "show original sources" is checked. I want to edit a sass file and see the changes happen on the live page. I find the Sass file, and save it over the local sass file (.scss extension). I have sass watch working, and the new css is generated with an updated source map after the save. However, when I make changes to the sass file in the editor and save, the changes don't go live. If I reload the page I get an error saying "style sheet could not be loaded" and the sass file I was just working on doesn't show up in the style editor. I can edit css files and see the changes live without issue. This problem is consistent on Developer edition 58.0b12 and Firefox 57.0.2. Am I just doing it wrong?

Wšě wotmołwy (1)

Tonnes
Tonnes
  • Locale Leader
more options

I have not tested but as I understand, "Enable Source Maps" should be checked in the DevTools configuration, and "Show original source" should be unchecked in the context menu. Perhaps this article provides more useful info if you haven’t found it already.

If that does not help, can you reproduce this in either an older version such as 56 or earlier, or a Nightly instead? Use a separate profile for those when testing.