input[type=url] { ... } fails to parse

[ritwickdey]

Hi, I am facing a issue on parsing input[type=url] {....}.

Input

input[type=url] {
  //todo
}

Expected Output

input[type=url] {
  //todo
}

Actual Result

Error: Invalid CSS after "i": expected 1 selector or at-rule, was "input[type=url] {"
        on line 1 of sass/c:\Users\ritwick\Desktop\New folder\New folder\test3.scss
>> input[type=url] {
   ^

NOTE: Even If I use input[type=urlXYZ], there is also same error but if I use input[type="url"] then no error.

[I am using this JS library to my VsCode Extension (Live Sass Compiler).]

I found that same issue is mentioned in here : sass/libsass#2429

[rodneyrehm]

As you've already observed this issue originates in libsass, not sass.js. There's nothing sass.js can do until the next release of libsass fixed that bug.

If you're looking for a workaround, this seems to work fine:

input[type="url"] {
  width: 123px;
}