firefox-devtools / devtools-core

:rocket: Packages for Firefox DevTools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Inline source map not working in Firefox Quantum 68.0

Der-Alex opened this issue · comments

I am using Firefox Quantum 68.0 (64-Bit) on Ubuntu 18.04.
I generate an inline source-map css file with the tool leafo/scssphp. The core files are .scss files.

In Chrome the source-map gets recognized and the inspector tab in the dev-tools points to the correct .scss file and line.

Current behaviour in Firefox:

In Firefox the source-map does not seem to get recognized. The inspector tab in the dev-tools still points to the generated .css file.

When I click the linked .css file in the inspector tab, I get forwarded to the style editor tab. Here, all .scss files are listed but I don't get forwarded to the correct file or line number. Firefox allways opens the .scss file that I clicked manually on.

The expected behaviour would be:

  1. I see the file name and line number in the inspector tab.
  2. When clicking a file in the inspector tab I get forwarded to the style-editor and the style-editor opens the file and points to the line number, that contains the style I was looking for in the inspector tab.

Kind regards.
Alex

I inspected that issue a bit further. It seems to be an issue with the tool leafo/scssphp.
It generates a source map like:
{"version":3,"sourceRoot":"\/","sources":["(stdin)","_fileName.scss ...... }
Firefox assumes that (stdin) is a file and therefore maybe gets confused with that map...
I am closing that issue now because I think the problem is the generated source map.

Sorry for disturbing.