Bug 38321 - bubbling events to parent labels
Summary: bubbling events to parent labels
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-04-29 06:12 PDT by Diego Perini
Modified: 2022-07-11 17:12 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Diego Perini 2010-04-29 06:12:13 PDT 
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.
Comment 1 Diego Perini 2010-06-07 06:30:48 PDT 
Any thoughts on the described behavior above ?