Combination of CSS General Sibling Combinators and Dynamic Pseudo-Classes Fails

• Component: CSS
• Status: RESOLVED WORKSFORME

[Kerrick Long]

URL: http://www.kerrickdesign.com/playground/css-siblings.html
Other browsers tested: Firefox 3.5, Chrome 4, Internet Explorer 7/8, Opera 
10
  Add OK or FAIL after other browsers where you have tested this issue:
     Chrome 4: FAIL
  Firefox 3.x: OK
         IE 7: OK-ish
         IE 8: OK-ish

What steps will reproduce the problem?
1. Visit the web page indicated
2. Hover over the left controls
3. See the left light not change

What is the expected result?
The light on the left should behave the same as the light on the right. It 
should turn yellow on hover and green on click of the controls.

What happens instead?
The light stays red when using CSS General Sibling Combinators in addition 
with Dynamic Pseudo-classes

Please provide any additional information below.
General Sibling Combinator specs: http://www.w3.org/TR/css3-selectors/#general-sibling-combinators
Dynamic Pseudo-class specs: 
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

[Konstantin Käfer]

Created attachment 51247 [details]
Reduced test case for checkboxes

The sibling selector also fails for the :checked pseudo selector. As you can see, it works when loading but doesn't update when the pseudo selector state changes: Clicking doesn't remove or add the red background color in WebKit.

[Maciej Stachowiak]

This seems to work ok in current WebKit.