Warning while setting "filter" css value in GWT UiBinder
css, gwt, uibinder
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)");
Problem
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?