test_bug731777.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for Bug 731777</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

  <style>

    #container {

      position: relative;

      height: 300px;

      width: 300px;

      margin: 50px 100px;

      border: 2px solid blue;

      background-color: #044B0A;

      perspective: 500px;

      overflow:hidden;

  #inner {

      margin: 0px;

      width: 480px;

      border: 2px solid blue;

      height: 220px;

      background-color: #844BCA;

      transform: rotateY(91deg) translateX(0px) translateZ(0px);

      transition: 5s;

  </style>

</head>

<body>

<div id="container">

  <div id="inner"></div>

</div>

<pre id="test">

<script type="application/javascript">

/** Test for Bug 731777 **/

is(document.elementFromPoint(325,170), document.getElementById("inner"), "Able to hit transformed object");

is(document.elementFromPoint(405,170), document.getElementById("inner"), "Able to hit transformed object");

</script>

</pre>

</body>

</html>