Re: box-shadow bugs

On Mon, 2 Apr 2012, Andreas Riddering wrote:

> If i select the CSS 3 profile, four seems to be valid!?
>
> If you take a look at this example page
> http://www.css3files.com/shadow/
>
> There the inset keyword comes first (but optional). Like i told the author of the site on 5. sep. last year, if you have a look at the specs:
> http://www.w3.org/TR/css3-background/#the-box-shadow
>
> <shadow> = inset? && [ <length>{2,4} && <color>? ]
>
> the optional keyword "inset" must come first...

No, "inset" can be first or last.
From http://www.w3.org/TR/2011/REC-CSS2-20110607/about.html#value-defs
<<
A double ampersand (&&) separates two or more components, all of which 
must occur, in any order.
>>

>
> after correcting this issue, there are only three more to go:
> #second{ box-shadow: 5px 0px 5px rgba(0,0,0,.1); }
> #third{ box-shadow: 5px 0px 5px rgba(0,0,0,0.1); }
> #tenth{ box-shadow: inset 5px 5px rgb(0,0,0,); }
>
> But i have to say, that the validator output seems to be wrong.
> trying to validate this:
> #fourth{ box-shadow: 5px 0px 5px rgb(0,0,0); }
> #fifth{ box-shadow: inset 5px 0px 5px rgb(0,0,0); }
> #sixth{ box-shadow: inset 5px 0px 5px rgb(255,255,255); }
> #seventh{ box-shadow: inset 5px 0px 5px #000; }
>
> only fourth seems to produce correct output, while if the word inset is present in the input value, the output value seems to be removed...
> you really should fix this one.
>
>
> but lets go back to the last three errors.
> this one:
> #tenth{ box-shadow: inset 5px 5px rgb(0,0,0,); }
> is obviously wrong, you shouldnt ad a seperating comma with no value following. or in other words: rgb only acepts 3 values...
>
>
> remaining 2 errors:
> i think you are right, the rgbA isnt properly recognized.
>
>
> greetings from münster
> andreas
>
>
>  ----- Original Message -----
>  From: Brian Todd
>  To: www-validator-css@w3.org
>  Sent: Monday, April 02, 2012 4:29 AM
>  Subject: box-shadow bugs
>
>
>    #first{ box-shadow: 5px 0px 5px rgba(0,0,0,.1) inset; }
>
>
>    #second{ box-shadow: 5px 0px 5px rgba(0,0,0,.1); }
>
>
>    #third{ box-shadow: 5px 0px 5px rgba(0,0,0,0.1); }
>
>
>    #fourth{ box-shadow: 5px 0px 5px rgb(0,0,0); }
>
>
>    #fifth{ box-shadow: 5px 0px 5px rgb(0,0,0) inset; }
>
>
>    #sixth{ box-shadow: 5px 0px 5px rgb(255,255,255) inset; }
>
>
>    #seventh{ box-shadow: 5px 0px 5px #000 inset; }
>
>
>    #eighth{ box-shadow: 5px 0px 5px #000000 inset; }
>
>
>    #ninth{ box-shadow: 5px 5px 5px rgb(0,0,0) inset; }
>
>
>    #tenth{ box-shadow: 5px 5px rgb(0,0,0,) inset; }
>
>
>    #eleventh{ box-shadow: 5px 5px #000 inset; }
>
>
>    #twelfth{ box-shadow: 5px 5px #000000 inset; }
>
>
>  All of the above code is treated as invalid. The problems seem to be in the rgba color values and in the inset value. Rgba values work fine elsewhere, such as in background-color.

-- 
Baroula que barouleras, au tiéu toujou t'entourneras.

         ~~Yves

Received on Wednesday, 4 April 2012 14:13:56 UTC