Bug 267734 – rustup.rs: position relative of a div inside a button is handled differently in browsers

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Sammy Gill]

https://rustup.rs 's copy icon is not correctly placed. It is working on Chrome and Firefox.

[Sammy Gill]

rdar://120429895

[Sammy Gill]

Created attachment 469447 [details]
Testcase

Attaching reduced testcase

[Karl Dubost]

Created attachment 469591 [details]
rendering in safari, firefox, chrome

So there is a difference of rendering, but not sure which one is the worse in these circumstances.

[Karl Dubost]

A more reduced test case

<button>
  <div>
  </div>
</button>

button {
  height: 50px;
  width: 50px;
  outline: 3px solid green;
}

div {
  height: 30px;
  width: 30px;
  position: relative;
  top: 50%;
  left: 50%;
  outline: 2px solid red;
}

[Karl Dubost]

See https://codepen.io/webcompat/pen/LYaezEP

[Karl Dubost]

Created attachment 469594 [details]
testcase simplified

[alan]

*** This bug has been marked as a duplicate of bug 9774 ***