element border corner rendering bug

Not reproducible Issue #614677

Details

Created
Jul 11, 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. open IE 11
  2. navigate to http://weller.webspaces.vektorrausch.net/border.html
  3. observe broken top left corner

The code:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: #333;
}
#wrap {
background: red;
width: 300px;
overflow: visible;
border: 0;
margin: 0;
padding: 0;
}
#box {
background: green;
width: 260px;
height: 100px;
/* BORDER CSS THAT CAUSES BUG: */
border: 20px solid blue;
border-top: 10px solid blue;
border-bottom: 0;
}
</style>
<body>
<div id="wrap"><div id="box">IE 11 border bug</div></div>
</body><html>


This works:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: #333;
}
#wrap {
background: red;
width: 300px;
overflow: visible;
border: 0;
margin: 0;
padding: 0;
}
#box {
background: green;
width: 260px;
height: 100px;
/* BORDER CSS THAT WORKS: */
border: none;
border-width: 20px;
border-top-width: 10px;
border-bottom-width: 0px;
border-color: blue;
border-style: solid;
}
</style>
<body>
<div id="wrap"><div id="box">IE 11 border bug</div></div>
</body><html>

Expected Results:

Proper rending of css.

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 “IE F.”

      Changed Status to “Not reproducible”

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

    Sign in