white space missing in css GWT 2.4

GWT 2.4 will eat white space inside css prpperties.

For exapmle


background: -moz-linear-gradient(top, #6d6d6d 0%, #494949 100%); /*FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #494949)); /*Chrome,Safari4+*/
 background: -webkit-linear-gradient(top, #6d6d6d 0%, #494949 100%); /*Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #6d6d6d 0%, #494949 100%); /*Opera 11.10+ */
 background: -ms-linear-gradient(top, #6d6d6d 0%, #494949 100%);  /*IE10+ */
 background: linear-gradient(top, #6d6d6d 0%, #494949 100%);  /*W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6d6d6d', endColorstr = '#494949', GradientType = 0); /* IE6-9 */
 text-shadow: #333 0px -1px;


It will eat the spance between #6d6d6d and 0%, also that between #494949 and 100%. This would cause the property invalid.

What’s more, due to the invalidation of the background property, the text-shadow would not appear in the client side css because it is below the background.

Really mess… waste me a lot of time figuring this out.


The GWT 2.5 fixed the issue.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s