Bug 12998 – dt:target + dd selector fails

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Greg Harewood]

The dt:target selector on the page works correctly as tabs are selected, but the dt:target + dd selector fails to update dynamically, requring the page to be reloaded to see the data associated with the dt tab title.

This works fine in Firefox.

this is actually an issue with any element and the :target selector. I was testing with h1:target+* to apply a style to any element that is after an h1 that was targeted.

I am running Safari 3.0.4 on 10.5 and it is still an issue.

[Robert Blaut]

After checking your page I cannot confirm this bug.

Could you provide minimal test case exposing the issue -> http://webkit.org/quality/reduction.html

[Greg Harewood]

Created attachment 19064 [details]
demo html for the bug

Okay - I reported this a long time ago, so of course I went live with the page using different code.  Sorry about that.  Please find example code attached.

The concept is a tab set created purely in CSS from a Descriptive List.  Tab choices are made to stick by making them named anchors - targets.  This also makes them bookmarkable.

FF2 and FF3 render perfectly.
IE7 and Safari have problems with the "dt:target + dd" selector.
Safari alone has problems with the "dt:hover + dd" selector.

The critical sections of the stylesheet is...

dt:target + dd {
        visibility: visible !important;
        z-index: 100;
}

...which fails completely.

[Robert Blaut]

Thank you for update on this bug. I can confirm this bug. 

I found another even simpler test case showing the problem in Webkit: http://www.thinkvitamin.com/downloads/css3/fadeExample.html

[Robert Blaut]

Updated URL to the site with problem.

[Robert Blaut]

Created attachment 19065 [details]
simple test case based on above demo

[Robert Blaut]

There is something wrong with this example: http://www.thinkvitamin.com/downloads/css3/fadeExample.html 

It works strange in every browser I tested: Firefox, Opera and Safari. I removed the URL. The test I attached clearly shows the problem.

[Robert Blaut]

Similar bug 9279

[Dave Hyatt]

Fixed.