28700 2015-05-26 15:11:50 +0000 Labeled element should not match :hover or :active when the label's activation behavior is "do nothing" 2016-04-27 23:07:20 +0000 1 1 1 Unclassified HTML WG HTML5 spec unspecified PC All RESOLVED MOVED P2 normal --- 1 arai.unmht dave.null mike public-html-admin public-html-wg-issue-tracking travil public-html-bugzilla oldest_to_newest 120476 0 1602 arai.unmht 2015-05-26 15:11:50 +0000 Created attachment 1602 demo for labeled target with :hover and :active Originally reported here: https://bugzilla.mozilla.org/show_bug.cgi?id=1167816 https://bugzilla.mozilla.org/show_bug.cgi?id=1167862 In the attached demo, what the spec says is that hovering/clicking the "Click here" should change the checkbox's style (:hover and :active), but the checkbox shouldn't be checked/unchecked by clicking it. This is confusing. https://html.spec.whatwg.org/multipage/scripting.html#selector-active > If the element is the labeled control of a label element that is currently matching :active > The element is being activated. Labeled control should be activated only if the label's activation behavior is not "do nothing", since the element won't be actually activated on click. https://html.spec.whatwg.org/multipage/scripting.html#selector-hover > An element that is the labeled control of a label element that is currently > matching :hover. This should also be restricted to 'only if the activation behavior is not "do nothing"'. > Consider in particular a fragment such as: > > <p> <label for=c> <input id=a> </label> <span id=b> <input id=c> </span> </p> > > If the user designates the element with ID "a" with their pointing device, > then the p element (and all its ancestors not shown in the snippet above), > the label element, the element with ID "a", and the element with ID "c" will > match the :hover pseudo-class. The element with ID "a" matches it from > condition 1, the label and p elements match it because of condition 2 (one of > their descendants is designated), and the element with ID "c" matches it > through condition 3 (its label element matches :hover). However, the element > with ID "b" does not match :hover: its descendant is not designated, even > though it matches :hover. Here, ID "c" shouldn't match :hover. 126243 1 travil 2016-04-27 23:07:20 +0000 HTML5.1 Bugzilla Bug Triage: Moved to Github issue: https://github.com/w3c/html/issues/293 To file additional issues please use the W3C HTML5 Issue tracker: https://github.com/w3c/html/issues/new Thanks! 1602 2015-05-26 15:11:50 +0000 2015-05-26 15:11:50 +0000 demo for labeled target with :hover and :active test.html text/html 380 arai.unmht PCFET0NUWVBFIGh0bWw+CjxodG1sIGlkPSJIIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9 IlVURi04Ii8+CiAgICA8dGl0bGU+bGFiZWxlZCBlbGVtZW50IDpob3Zlci86YWN0aXZlIHRlc3Q8 L3RpdGxlPgogICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KI2E6aG92ZXIgewogIG91dGxpbmU6 IDFweCBzb2xpZCByZWQ7Cn0KI2E6YWN0aXZlIHsKICBvdXRsaW5lOiAycHggc29saWQgcmVkOwp9 CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxsYWJlbCBmb3I9ImEiPgogICAg ICA8YSBocmVmPSIjIj5DbGljayBoZXJlPC9hPgogICAgPC9sYWJlbD4KICAgIDxpbnB1dCBpZD0i YSIgdHlwZT0iY2hlY2tib3giPgogIDwvYm9keT4KPC9odG1sPgo=