:active CSS selector blocked by child elements and :active CSS selector siblings are not selected.

Issue #608830

Details

Created
Jul 10, 2014
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

  1. goto http://jsfiddle.net/Z6S7H/5/
  2. hover over each line and color changes, but click each line and IE doesn’t change the background color on all of them
  3. other browsers do
  1. a. Go to a website that has an element selected by the :active CSS selector and that has a child element.
  2. b. Click on the child element of the element indicated by the :active selector.
  3. a. Go to a website that has an element selected as the sibling an element indicated by :active.
  4. b. Click on the element indicated by the :active selector.

example code:
<style>
a,div {display:inline-block;vertical-align:middle;}
a:hover, a:hover + div {background:grey;} /this works/
a:active, /blocked by children /
a:active + div { /
Doesn’t draw any changes
/
background:black;
}
</style>
<a><div>doesn’t work</div></a>
<br><a>this works</a>
<br><a>click me and…</a><div>I mock you with my unchanging background</div>

Expected Results:

  1. Like :hover, clicking on child elements should trigger the active state of their parents.
  2. Like :hover, clicking on elements should select siblings specified in a CSS selector of their :active state using a sibling selector (+,~) and draw changes indicated by the rules of that selector.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Saqib A.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Saqib A.” to “IE F.”

      Changed Status from “Confirmed”

      Changed Steps to Reproduce

    You need to sign in to your Microsoft account to add a comment.

    Sign in