45168 2010-09-03 02:49:18 -0700 CSS multiple adjacent sibling selector sequence is ignored if prefixed with a pseudo-class selector 2013-07-11 04:39:21 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC Linux UNCONFIRMED P2 Normal --- 0 pierre.maziere webkit-unassigned 7raivis allyouneedis kling laszlo.gombos nison.mael oldest_to_newest 273846 0 66479 pierre.maziere 2010-09-03 02:49:18 -0700 Created attachment 66479 Test case The following selector is not matched as it should: div.a:hover + div.b + div.c {background-color: yellow;} EXPECTED: when the mouse is dragged over the div.a element, div.c background should change from white to yellow OBSERVED: when the mouse is dragged over the div.a element, nothing happens if the :hover pseudo-class, the selector is now: div.a + div.b + div.c {background-color: yellow;} EXPECTED: div.c background is yellow OBSERVED: div.c background is yellow I have tested this whith several pseudo-classes: :hover with DIV and A :active and :focus with A :checked with input[type=radio] WebKit nightly build (2010/09/01) always shows the wrong behaviour, ignoring the adjacent sibling selector sequence Firefox 3.6.8 and Chromium 5 display the XHTML/CSS as expected by the W3C CSS specs 587621 1 nison.mael 2012-03-26 05:00:49 -0700 Bump. I've tried[1] with 17.0.963.83 m and 19.0.1080.0 canary. The animation hack[2] works, but it make screen blink in some cases. [1] http://jsfiddle.net/W7L7M/1/ [2] http://css-tricks.com/webkit-sibling-bug 607330 2 7raivis 2012-04-21 23:20:46 -0700 The CSS hack body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } applies like an issue on Chrome 18.0.1025.162 m, but doe not work on Chrome 20.0.1112.0 canary. Demo http://jsfiddle.net/W7L7M/3/ 626885 3 7raivis 2012-05-17 13:00:44 -0700 It is still not fixed on Chrome 21.0.1139.2 canary and works fine on Firefox 12.0 884729 4 allyouneedis 2013-05-05 11:03:14 -0700 still not fixed in Version 26.0.1410.63 here's some minimal code to try: <style>.a:checked + .b{background:yellow;}</style> <input type="checkbox" class="a"><span class="b">b</span> 886598 5 7raivis 2013-05-08 22:14:30 -0700 The CSS hack html { -webkit-animation: issueSelector infinite 1s; } @-webkit-keyframes issueSelector { 0% { display: block; } 100% { display: block; } } cases Android filckers, since it enables GPU acceleration by repainting html. 66479 2010-09-03 02:49:18 -0700 2010-09-03 02:52:59 -0700 Test case test.html text/html 1453 pierre.maziere PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIGh0bWwgUFVC TElDICItLy9XM0MvL0RURCBYSFRNTCAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIveGh0 bWwxMS9EVEQveGh0bWwxMS5kdGQiPgo8aHRtbCB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMTk5 OS94aHRtbCcgeG1sbnM6eHNpPSdodHRwOi8vd3d3LnczLm9yZy8yMDAxL1hNTFNjaGVtYS1pbnN0 YW5jZScgeHNpOnNjaGVtYUxvY2F0aW9uPSdodHRwOi8vd3d3LnczLm9yZy9NYXJrVXAvU0NIRU1B L3hodG1sMTEueHNkJyB4bWw6bGFuZz0nZW4nID4KPGh0bWw+CiAgPGhlYWQ+CiAgICA8dGl0bGU+ dGVzdDwvdGl0bGU+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICBhOmZvY3VzLmEg KyBkaXYuYiArIGRpdi5jeyBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7fQogICAgICBhOmhvdmVy LmEgKyBkaXYuYiArIGRpdi5jeyBiYWNrZ3JvdW5kLWNvbG9yOiBmdWNoc2lhO30KICAgICAgYTph Y3RpdmUuYSArIGRpdi5iICsgZGl2LmN7IGJhY2tncm91bmQtY29sb3I6IHNpbHZlcjt9CiAgICA8 L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhIGNsYXNzPSJhIiBocmVmPSIjIj4KICAg ICAgTGluayB3aXRoIHdoaXRlIGJhY2tncm91bmQgZm9yZXZlcgogICAgPC9hPgogICAgPGRpdiBj bGFzcz0iYiI+CiAgICAgIExpbmUgd2l0aCB3aGl0ZSBiYWNrZ3JvdW5kIGZvcmV2ZXIKICAgIDwv ZGl2PgogICAgPGRpdiBjbGFzcz0iYyI+CiAgICAgIEJsb2NrIHdpdGggd2hpdGUgYmFja2dyb3Vu ZCBleGNlcHQgaWYgeW91IHBsYXkgYSBiaXQgd2l0aCB0aGUgYWJvdmUgbGluay4gSXQgYmVjb21l czoKICAgICAgPHVsPgogICAgICAgIDxsaT4gZnVzY2hpYSwgaWYgeW91IGRyYWcgeW91ciBtb3Vz ZSBvdmVyIHRoZSBsaW5rPC9saT4KICAgICAgICA8bGk+IHllbGxvdywgaWYgeW91IHB1dCBmb2N1 cyBvbiB0aGlzIGxpbmsgKGZvciBleGFtcGxlIHdpdGggeW91ciAmbHQ7VEFCJmd0OyBrZXk8L2xp PgogICAgICAgIDxsaT4gc2lsdmVyLCB3aGVuIHlvdSBhY3RpdmF0ZSB0aGUgbGluayAoZm9yIGV4 YW1wbGUgYnkgY2xpY2tpbmcgb24gaXQpPC9saT4KICAgICAgPC91bD4KICAgICAgSWYgdGhlIGFi b3ZlIHN0YXRlbWVudHMgYXJlIGZhbHNlLCBpdCBtZWFucyB0aGF0LCB3aXRoaW4gdGhlIGJyb3dz ZXIgeW91IHVzZSB0byBkaXNwbGF5IHRoaXMgdGVzdCBjYXNlLCBhbmQgdW50aWwgdGhpcyBidWcg aXMgZml4ZWQsIHBzZXVkby1jbGFzc2VzIGFyZSBub3QgY29tcGF0aWJsZSB3aXRoIGEgc2VxdWVu dGlhbCB1c2Ugb2YgdGhlIGFkamFjZW50IHNlbGVjdG9yLiBJZiB5b3UgdGVzdCBpdCB3aXRoIGlu cHV0OmNoZWNrZWQsIHlvdSdsbCBvYnNlcnZlIHRoZSBzYW1lIHdyb25nIGJlaGF2aW91ci4KICAg IDwvZGl2PgogIDwvYm9keT4KPC9odG1sPgoKCg==