Bug 38321 – bubbling events to parent labels

• Status: RESOLVED
• Resolution: INVALID
• Component: CSS

[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.

[Diego Perini]

Any thoughts on the described behavior above ?