Bug with html element rotated inside another element rotated

Fixed, not yet flighted Issue #1308959

Details

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

Sign in to watch or report this issue.

Steps to reproduce

URL: See example http://codepen.io/anon/pen/XJpaje](http://codepen.io/anon/pen/XJpaje)[http://codepen.io/anon/pen/XJpaje](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:

<style>

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; }

</style>

<div id="div_1">

<div id="div_2">

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

</div>

</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:

================

Yes

Attachments

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” to “Fixed, not yet flighted”

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

    Sign in