Summary: | dt:target + dd selector fails | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Greg Harewood <gregharewood> | ||||||
Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | RESOLVED FIXED | ||||||||
Severity: | Normal | CC: | brian.suda, gregharewood, webkit | ||||||
Priority: | P2 | Keywords: | HasReduction | ||||||
Version: | 523.x (Safari 3) | ||||||||
Hardware: | PC | ||||||||
OS: | All | ||||||||
Bug Depends on: | |||||||||
Bug Blocks: | 12520 | ||||||||
Attachments: |
|
Description
Greg Harewood
2007-03-07 01:34:23 PST
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. After checking your page I cannot confirm this bug. Could you provide minimal test case exposing the issue -> http://webkit.org/quality/reduction.html 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.
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 Updated URL to the site with problem. Created attachment 19065 [details]
simple test case based on above demo
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. Fixed. |