Completely positioned components don’t respect flex alignment on iOS

When positioning a flex/grid youngster completely to stack content material, the flex place guidelines are ignored in each chrome and safari on iOS.

That is the minimal instance – the merchandise ought to be positioned on the precise.

<div class="container">
  <div class="merchandise">merchandise</div>
</div>

.container {
  border: 1px stable black;
  show: grid;
  top: 80px;
  justify-content: flex-end;
}

.merchandise {
  top: 80px;
  width: 80px;
  background-color: pink;
  place: absolute
}

See this Codepen for a extra full instance.

On a home windows desktop or android telephone, in all browsers – all pink containers are proper aligned. On an iPhone working iOS in each safari and chrome the completely positioned field ignores the flex format.

I couldn’t discover any bug experiences or earlier experiences on this subject. Does anybody know if this behaviour has been documented?

I’m additionally not sure the place to file the bug report since apparently the difficulty exists in each chrome and safari, so it would one way or the other be a difficulty with the OS.

I respect any Enter.