Infinite loop with postcss-clamp

[romainmenke]

I'm using this line of code for instance which now breaks with the newest postcss-preset-env and postcss-clamp (using PostCSS on a SvelteKit install - took me quite a while to figure where the issue came from)

padding: clamp(48px, 6.5vw, 104px) 0 calc(var(--footer-height) + clamp(48px, 6.5vw, 104px));

This used to compile properly but now it just keeps compiling until node crashes being out of memory 😅
Is there a way to fix this or disable postcss-clamp as the support is pretty good now? I was using stage 2, maybe switching to stage 3?

Originally posted by @flayks in #260 (comment)

[romainmenke]

@flayks Thank you for reporting this!

We'll look into this asap.

[flayks]

Thanks @romainmenke! I almost pulled my hair out as it was compiling fine with SASS haha. Hopefully this is helpful!

[romainmenke]

Always helpful to get bug reports!

For now you can disable postcss-clamp in your PostCSS config.

example :

{
  "stage": 2,
  "features": {
    "clamp": false
  }
}

This will at least get you unblocked while we look into this.

[flayks]

Amazing, thanks for that 😃

[flayks]

@romainmenke if that helps as well, this line was also a problem:

margin: 0 40px 0 calc(-1 * clamp(32px, 16vw, 64px));

[Antonio-Laguna]

@flayks a PR has been submitted to the plugin! We'll keep you posted!

[Antonio-Laguna]

cc @mronian this is being tracked here

[Antonio-Laguna]

@flayks @mronian this has been patched on 7.4.2 would appreciate a lot if you could test on your environments! Hopefully you should be able to return to normal usage of clamp.

[mronian]

It worked! - thanks 😄