Bug 38321
| 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 | ||
Diego Perini
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Diego Perini
Any thoughts on the described behavior above ?