Windows Mobile:A Link/Button with lower z-Index is accessible over a layer with higher z-Index

Not reproducible Issue #685242

Details

Created
Aug 7, 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:

My Test Page Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js" type="text/javascript"></script>
<style type="text/css">
.one, .two
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
}
.one a
{
text-decoration:none;
display:inline-block;
padding: 10px 25px;
background:aqua;
color:#fff;
margin-top:100px;
margin-left:50px;
}
.two
{
background:#000;
opacity:0.5;
filter: alpha(opacity=50);
}
</style>
</head>
<body>
<div class="one"><a href="http://www.google.com/">Click me</a></div>
<div class="two"></div>
<script type="text/javascript">
$(document).ready(function () {
$(“.one, .two”).css("height", $(window).height() + “px”);
});
</script>
</body>
</html>

On this page I have a link placed below a div. In IE for Windows Mobile click on the link Button placed below the overlaid div.

Expected Results:

The link/Button below any layer should not be accessible.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sermet I.”

      Changed Assigned To from “Sermet I.” to “Matt E.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Matt E.” to “IE F.”

      Changed Status from “Confirmed” to “Not reproducible”

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

    Sign in