This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 11880 - Using rgba,hsl, or hsla as a value in box-shadow does not validate
Summary: Using rgba,hsl, or hsla as a value in box-shadow does not validate
Status: RESOLVED FIXED
Alias: None
Product: CSSValidator
Classification: Unclassified
Component: CSS 3 (show other bugs)
Version: CSS Validator
Hardware: All All
: P2 normal
Target Milestone: ---
Assignee: This bug has no owner yet - up for the taking
QA Contact: qa-dev tracking
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-01-26 19:33 UTC by Chad Lundgren
Modified: 2012-09-21 16:15 UTC (History)
0 users

See Also:

Attachments
patch to update CssBoxShadow to handle CssFunctions (1.33 KB, patch)
2011-05-10 18:49 UTC, Mike Kolcun 		Details

Description Chad Lundgren 2011-01-26 19:33:24 UTC 
When entering CSS like:

.classname {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

The validator (I used http://qa-dev.w3.org:8001) produces the error message:

2	 .classname	 Parse Error [empty string]

The validator does accept rgb and hex values.
Comment 1 Mike Kolcun 2011-05-10 18:49:07 UTC 
Created attachment 988 [details]
patch to update CssBoxShadow to handle CssFunctions

Updated CssBoxShadow to also check if the value is of type CssFunction.

If this is the case, we use the css1.CssColor class to evaluate the expression.
This handles the rgba() case as well as others
Comment 2 Yves Lafon 2012-09-21 16:15:01 UTC 
box-shadow was entirely rewritten.
rgb and other css3 colors like hsla now works.