| Summary: | bubbling events to parent labels | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Diego Perini <diego.perini> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | bfulgham, kangax |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | All | ||
| OS: | All | ||
Any thoughts on the described behavior above ? |
I was experimenting on how to build a TAB navigation menu using only CSS3 specific pseudo-classes. I have been unable to make it work cross-browser due to this edge case that maybe shows a bug in Webkit based browsers (Safari/Chrome). <label> <input type="checkbox"> <a href="#" >Toggle</a> </label> Should a click on the link text still toggle the input checked property ? I need the click on the link to engage two CSS3 behaviors at the same time, set the input ":checked" state and the ":target" reference in the URL (hash). You can see the example I am working on here: http://dl.dropbox.com/u/598365/css-pseudos/css-navigation1.html#first It does work as expected in Firefox/Opera, hope we can have it work on Webkit for cross-browser enhancements with only CSS.