Space removed in calc()

  • mdahlman

    (@mdahlman)


    8 years, 4 months ago

    I’m having a problem with BWP Minify 1.3.3 over-minimizing my CSS. Here is the original:

    #top .sem-wide-white-background {
    background-color: #ffffff;
    left: -30px;
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100% + 60px);
}

    The problem is that the minified result includes this:
    width: calc(100%+60px);

    The lack of whitespace around the plus in the calc causes the page to render incorrectly.

    I was able to work around the issue by not minifying that entire CSS file. But that feels like a sledgehammer to whack this one small issue.

    Is there a better solution? Is there a way to log this bug?

    https://wordpress.org/plugins/bwp-minify/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Khang Minh

    (@oddoneout)

    8 years, 4 months ago

    On which browser did you see the issue?

    This is claimed to have been fixed upstream: https://github.com/mrclay/minify/issues/465 but I believe it got lost somewhere in the process of moving.

    I will notify Minify’s author and will try to fix this in the next release, thanks for reporting!

    Thread Starter mdahlman

    (@mdahlman)

    8 years, 4 months ago

    The issue was the same in current versions of Chrome and Firefox. I tested only on Mac, but it seems very likely to affect Windows in exactly the same way.

    Thanks for the answer. I would love to turn minify back on for this css page once the fix makes it into an upcoming release.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Space removed in calc()’ is closed to new replies.