Skip to content

SCSS source maps ignores deep nesting #767

@aTei

Description

@aTei

Expected behavior

Source maps are generated correctly for deep nesting (import within import). So when I click on the source map link in DevTools It should open related scss file (featured-on.scss).
What I see in DevTools:
image

Actual behavior

It opens "base" file
image

System configuration

  • Sprockets "~> 4.1", ">= 4.1.1"
  • Ruby 3.1

Example

SCSS is bidirectional which makes me use deep nesting. So I have application-ltr.scss and application-rtl.scss. And they are doing import like this

@import 'rtl';
@import 'application/require_all';

require_all.scss looks like this

@import '0_vars';
@import '1_mixins';
@import 'sprite';
@import 'base';
@import 'aggregate-score';
...

config

  config.assets.debug = true
  config.sass.inline_source_maps = true
  config.sass.line_comments = false

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions