position:fixed elements painted outside of iframe #203

paulrouget · 2016-02-26T16:49:46Z

a.html:

<style>
  body {
    margin: 0;
  }
  iframe {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 200px;
    height: 200px;
  }
</style>
<iframe src="b.html"></iframe>

b.html:

<style>
  div {
    position: fixed;
    width: 100px;
    height: 100px;
    background: red;
    left: 0px;
    top: 0px;
  }
</style>
<body>
  <div></div>
  <h1>content</h1>
</body>

glennw · 2016-02-26T22:50:48Z

Branches with fixed layer per iframe here:

https://github.com/glennw/webrender/tree/fixed-layers
https://github.com/glennw/webrender_traits/tree/fixed-layers

Needs a bit more testing before I open PRs, but feel free to test in your use case with them in the meantime if you like.

glennw · 2016-03-02T16:16:52Z

This got fixed in 4dea3fe

paulrouget added the A-browserhtml/P2 label Feb 26, 2016

glennw closed this Mar 2, 2016

servo / webrender

position:fixed elements painted outside of iframe #203

position:fixed elements painted outside of iframe #203

paulrouget commented Feb 26, 2016

glennw commented Feb 26, 2016

glennw commented Mar 2, 2016

servo / webrender

Join GitHub today

position:fixed elements painted outside of iframe #203

position:fixed elements painted outside of iframe #203

Comments

paulrouget commented Feb 26, 2016

glennw commented Feb 26, 2016

glennw commented Mar 2, 2016