Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Lexical error on line ... : Unrecognized text. #190

Open
aschulz01 opened this issue May 23, 2023 · 0 comments
Open

[Bug]: Lexical error on line ... : Unrecognized text. #190

aschulz01 opened this issue May 23, 2023 · 0 comments
Labels

Comments

@aschulz01
Copy link

aschulz01 commented May 23, 2023

Describe the bug

While using igniteui-angular inside an SharePoint spfx webpart, the microsoft spfx build tool is using postcss-calc.

The infragistics css is containing a rule like this:

...saved as postcss-test.css

.foo {
  margin-inline: 
  calc(
    max(
       var(1, var(2,3)), 
       var(4, var(5,6))
    ) * 1);
}

An error occurs in this isolated environment :
npx postcss --use postcss-calc -o output.css .\postcss-test.css

Errormessage:
2:3 !! Lexical error on line 2: Unrecognized text.

Erroneous area:
1: max(
2: var(1, var(2,3)),
^.........................^
3: var(4, var(5,6))
4: ) * 1 [postcss-calc]

but this is working:

calc(
      var(1, var(2,3))*
      var(4, var(5,6))
    )

as well as this:

calc(
    max(
      var(1, 2),
      var(3, 4)
    )*1
   )

Expected behaviour

Not throwing an error...

Steps to reproduce

  1. create a file postcss-test.css containing:
.foo {
  margin-inline: 
  calc(
    max(
       var(1, var(2,3)), 
       var(4, var(5,6))
    ) * 1);
}
  1. install dependencies
    npm i -D postcss postcss-cli postcss-calc
  2. call postcss-calc
    npx postcss --use postcss-calc -o output.css .\postcss-test.css

Version

9.0.1

Environment

System:
    OS: Windows 10 10.0.22621
    CPU: (12) x64 Intel(R) Core(TM) i9-8950HK CPU @ 2.90GHz
    Memory: 14.56 GB / 31.78 GB

Package details

PS C:\temp\foo> npm ls postcss-calc postcss
foo@ C:\temp\foo
+-- [email protected]
| `-- [email protected] deduped
+-- [email protected]
| +-- [email protected]
| | `-- [email protected] deduped
| +-- [email protected]
| | `-- [email protected] deduped
| `-- [email protected] deduped
`-- [email protected]

Additional context

suggested testcase

test(
  'should handle nested var inside max inside calc function (#16)',
  testValue(
    'calc(max(var(--foo,var(--bar,--baz)),var(--bat,var(--goo,--boo))) *1)',
    'calc(max(var(--foo,var(--bar,--baz)),var(--bat,var(--goo,--boo)))*1)',
  )
);

No response

@aschulz01 aschulz01 added the bug label May 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant