Minification problem with calc CSS | ww.wp.xz.cn

Resolved Webprom Design
(@webprom)

5 years ago
Hi!

I’ve noticed that such rules in CSS:
padding: calc(4.88vw + 82px) 1em calc(4.88vw + 82px) 0;

are minified incorrectly to:
padding: calc(4.88vw + 82px) 1em 0;

This is still works:
```
padding-top: calc(4.88vw + 82px);
padding-bottom: calc(4.88vw + 82px);
padding-left: 0;
padding-right: 1rem;
```
Please check.

Viewing 6 replies - 1 through 6 (of 6 total)

Harshad
(@bornforphp)

5 years ago

@webprom Thanks for reporting this, I’ll share this with our development team, in-order to further investigate on the issue.

Thread Starter Webprom Design
(@webprom)

5 years ago

great

stevejbrobinson
(@stevejbrobinson)

5 years ago

On a similar note I have iframe#map {height: calc(100% + 56px);} which is being minified as iframe#map{height:calc(100%+56px);}
So it removes the spaces around the “+” for some reason and makes it invalid css.

oborvanec
(@oborvanec)

4 years, 11 months ago

I think this problem is related to what I posted earlier:
https://ww.wp.xz.cn/support/topic/there-is-a-bug-in-matthiasmullie-minify/

The problem is in the matthiasmullie-minify vendor.

If they still did not solve it, you can follow this issue and try to fix it yourself:
https://github.com/matthiasmullie/minify/issues/371

For me it solved the problem.

Thread Starter Webprom Design
(@webprom)

4 years, 11 months ago

Hope they’ll fix the plugin, cause there are updates, can’t maintain it with new versions on several sites…
krisolin
(@krisolin)

4 years, 6 months ago
When I turn on the WP Optimize feature Minify it messes up the layout. See image: https://socialmediarevolver.com/wp-content/uploads/2021/11/minify.jpg
Any advice how to fix this?
- This reply was modified 4 years, 6 months ago by krisolin.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Minification problem with calc CSS’ is closed to new replies.

Tags

css

6 replies
5 participants
Last reply from: krisolin
Last activity: 4 years, 6 months ago
Status: resolved