@extends output missing selector when using same name for tag and attribute

[jlowcs]

@extends output missing selector when using same name for tag and attribute

There is a strange issue when using @extend on a selector with a tag name and an attribute name with the same name: the second one is absent from the output.

input.scss

%baz2 {
    display: flex;
}
%baz3 {
    display: flex;
}

custom2, [custom2], .custom2 {
    @extend %baz2
}

[custom3], custom3, .custom3 {
    @extend %baz3
}

libsass 3.5.0.beta.3

custom2, .custom2 {
  display: flex; }

[custom3], .custom3 {
  display: flex; }

Same result on http://sass.js.org/

version info:

$ node-sass --version
node-sass       4.5.0   (Wrapper)       [JavaScript]
libsass         3.5.0.beta.2    (Sass Compiler) [C/C++]

Expected:

custom2, [custom2], .custom2 {
  display: flex;
}

[custom3], custom3, .custom3 {
  display: flex;
}

Spec sass/sass-spec#1091

[xzyfer]

#2350 only partially addressed this issue.

Before

-custom2, [custom2], .custom2 {
+custom2, .custom2 {
   display: flex;
 }
-[custom3], custom3, .custom3 {
+[custom3], .custom3 {
   display: flex;
 }

After

-custom2, [custom2], .custom2 {
+custom2, .custom2 {
   display: flex;
 }
 [custom3], custom3, .custom3 {

[mgreter]

Fixed by #2354