Search code examples
cssgwtuibinder

Warning while setting "filter" css value in GWT UiBinder

I have this following warning:

00:48:06.843 [WARN] [XXXX] Line 71 column 11: encountered ":". 
Was expecting one of: "}" "+" "-" "," ";" "/" <STRING> <IDENT> <NUMBER> <URL> <PERCENTAGE> <PT> <MM> <CM> <PC> <IN> <PX> <EMS> <EXS> <DEG> <RAD> <GRAD> <MS> <SECOND> <HZ> <KHZ> <DIMEN> <HASH> <IMPORTANT_SYM> <UNICODERANGE> <FUNCTION>

In line 71 I have the following line

<ui:style>
...
    .menuPopup {
        position:absolute; 
        top: 5px; 
        right: -80px;
        width:100px; 
        background-color: #F2F2F2; 
        -moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        -webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        box-shadow:-1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135, Strength=3);    
    }
</ui:style>

When i remove the filter: progid:... line it works fine.

Does GWT have a problem with the filter attribute?

Solution

  • filter does not follow the CSS grammar, so you have to use the literal() function of GWT's CssResource:

    filter: literal("progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135, Strength=3)");