Bug with html element rotated inside another element rotated

Issue #1308959


Jan 8, 2015
This issue is public.
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL: See example at: http://codepen.io/anon/pen/XJpaje

Repro Steps:


  1. load http://codepen.io/anon/pen/XJpaje

  2. mouse over ONLY the red corner

  3. Note the center div turns blue but should not.

  4. Repeat the process with Chrome.

Para reproduzir basta copiar o código abaixo:

To play just copy the code below:


div { width: 100px; height: 100px; opacity: 0.5; }

#div_1{ background: #f00; }

#div_2{ background: #0f0; transform: rotate(45deg); overflow: hidden; }

#div_3{ background: #00f; transform: rotate(-45deg); }

#div_1:hover{ opacity: 1; }

#div_2:hover{ opacity: 1; }

#div_3:hover{ opacity: 1; }


<div id="div_1">

<div id="div_2">

<div id="div_3"></div>



Criar um arquivo .html com esse código;

Abrir ele no navegador;

Passar o mouse sobre os cantos do quadro vermelho;

Perceber que o browser detecta mouse over em todos os demais quadros.

Create an .html file with this code;

Open it in the browser;

Hover your mouse over the corners of the red frame;

Notice that the browser detects mouse over in all other frames.

Expected Results:


O comportamento esperado seria que, a parte que está está escondida pelo elemento superior não detectasse o mouse over no elemento interno, como acontece em todos os outros navegadores.

The expected behavior would be that the party is hidden by the upper element does not detect the mouse over in the inner element, as happens in all other browsers.

Actual Results:


Dev Channel specific:




0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Steps to Reproduce

      Changed Status to “Confirmed”

      Changed Assigned To from “Christian F.” to “IE F.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Assigned To to “Matt R.”

      Changed Status from “Won’t fix”

      Changed Assigned To from “Matt R.” to “Christian F.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Christian F.” to “Ray X.”

      Changed Assigned To from “Ray X.” to “Matt R.”

      Changed Status from “Confirmed”

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

    Sign in