Microsoft.Web.Optimization - Cannot Compress CSS3 Animations

Microsoft.Web.Optimization - Cannot Compress CSS3 Animations by simnova

Closed

as Fixed

Type:	Bug
ID:	696436
Opened:	10/24/2011 12:23:34 PM
Access Restriction:	Public
Moderator Decision:	Sent to Engineering Team for consideration

Workaround(s)

view

User(s) can reproduce this bug

When trying to compress animations, get errors:

http://www.simnova.com/web-optimizaiton-bug/sample.css

/* Minification failed. Returning unminified contents.
MinifyStyleSheet(20,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(21,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(35,6): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(36,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(59,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(60,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(76,6): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(77,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(105,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(106,12): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(120,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(122,7): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(144,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(145,12): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(158,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(159,12): error CSS1035: Expected colon, found '{'
*/

Similar to:
http://connect.microsoft.com/VisualStudio/feedback/details/689523/bugs-in-microsoft-web-optimization

Details (expand)

Visual Studio 2010 SP1

1. download sample CSS at http://www.simnova.com/web-optimizaiton-bug/sample.css
2. try to compress
3. enjoy errors

English

Windows 7

English

/* Minification failed. Returning unminified contents.
MinifyStyleSheet(20,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(21,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(35,6): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(36,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(59,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(60,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(76,6): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(77,7): error CSS1027: Expected semi-colon or close brace, found '0%'
MinifyStyleSheet(105,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(106,12): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(120,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(122,7): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(144,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(145,12): error CSS1035: Expected colon, found '{'
MinifyStyleSheet(158,5): error CSS1019: Unexpected token, found '@'
MinifyStyleSheet(159,12): error CSS1035: Expected colon, found '{'
*/

Minified CSS file

File Name	Submitted By	Submitted On	File Size
sample.css	simnova	10/24/2011	10 KB

Posted by Daniel Schmitz on 4/2/2012 at 2:43 AM

I have a similar problem:
http://forums.asp.net/t/1786747.aspx/1?ResolveBundleUrl+with+JQuery+1+7+1+and+Opera+doesn+t+work

Posted by Microsoft on 2/21/2012 at 11:50 AM

Any chance you can be more specific? What CSS code is not being minified correctly?

Posted by GeekyMonkey on 2/21/2012 at 1:08 AM

This is still a problem in the MVC4 Beta.

Posted by ronlo on 1/4/2012 at 10:39 AM

Support for CSS3 keyframe at-rules was added to AjaxMin version 4.37.

Posted by tmcconechy on 12/21/2011 at 5:55 AM

What version is this fixed in?

Posted by Microsoft on 12/9/2011 at 12:04 PM

This bug was fixed with the latest AjaxMin (http://ajaxmin.codeplex.com) code and will be fixed in the next Web optimization NuGet package update.

Posted by tmcconechy on 11/18/2011 at 12:02 PM

Any update on when this issue will be fixed. Essential it means that anyone using CSS3 syntax (using nested parens, etc.) Cannot use this tool.

I imagine the disqualifies it from being used from many teams.

Posted by simnova on 11/17/2011 at 12:38 PM

The sample CSS files is available for download at:

http://www.simnova.com/web-optimizaiton-bug/sample.css

Posted by Microsoft on 11/13/2011 at 11:07 PM

Thank you for submitting feedback on Visual Studio 2010 and .NET Framework. Your issue has been routed to the appropriate VS development team for review. We will contact you if we require any additional information.

Posted by Microsoft on 11/7/2011 at 2:23 AM

Hello,

Sorry for bothering. Is there any update?

It would be greatly appreciated if you could provide us with that information as quickly as possible.

Thanks you

Posted by Microsoft on 10/27/2011 at 1:41 AM

Hi simnova,

If your video file is too large, please package you file into a zip file and name the zipped file Feedback-696436.zip.
You can upload the file to workspace:

https://sftasia.one.microsoft.com/choosetransfer.aspx?key=5d606cdd-4289-47af-bd1d-6ab77876dfe7
Password: @tlZ3+cda

If you need help to capture a video file, you may like to try Jing(http://www.techsmith.com/jing/).

Thanks again for your efforts and we look forward to hearing from you.

Posted by MS-Moderator09 [Feedback Moderator] on 10/27/2011 at 12:42 AM

Thank you for reporting this issue.

Could you please provide us with a video to show the whole process?

It would be greatly appreciated if you could provide us this information as quickly as possible.

Thank you

Posted by mkchandler on 10/25/2011 at 7:50 AM

As an additional note, this is not specific to CSS3 animations, but CSS3 syntax in general (using nested parens, etc.)

Posted by MS-Moderator01 on 10/24/2011 at 12:46 PM

Thank you for your feedback, we are currently reviewing the issue you have submitted. If this issue is urgent, please contact support directly(http://support.microsoft.com)

Posted by NandipMakwana on 12/25/2011 at 8:55 AM

I have posted temporary workaround for it here at
http://www.dotnetexpertguide.com/2011/12/aspnet45-cssminify-issue-n-workaround.html