866999 - Translated position:fixed elements are not properly positioned during transitions on B2G

Status: RESOLVED WONTFIX

(Core :: Layout: Positioned, defect)

Description

[krupa raj[:krupa]]

Attachment: video

steps to reproduce:
1. Load Fireplace on your unagi phone
2. Click on the installation button for Jauntly app
3. Notice the installation failure message

expected behavior:
Error messages are shown at the bottom of the screen.

observed behavior:
Installation error is shown at the top of the screen and then at the bottom. It later jumps to the top again. See attached video.

Comment 1

[krupa raj[:krupa]]

Note that this doesn't happen on the details page.

Comment 2

[Matt Basta [:basta]]

This looks like a platform issue. Here's the relevant CSS:

#notification {
  bottom: 0;
  height: 62px;
  left: 50%;
  max-width: 600px;
  min-height: 62px;
  padding: 10px;
  position: fixed;
  -moz-transform: translate(-50%, 110%);
  transform: translate(-50%, 110%);
  transition-duration: .3s, .3s, .3s, .3s;
  transition-property: transform, -moz-transform, -webkit-transform, -ms-transform;
  width: 100%;
  z-index: 9999;
}
#notification.show {
  -moz-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
#notification-content {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
}

And the relevant HTML:

<div id="notification">
  <div id="notification-content"></div>
</div>


The platform isn't correctly positioning the element on the screen. This only seems to happen during CSS transitions.

Comment 3

[Mats Palmgren (inactive)]

Does the patch in bug 844178 make any difference?

Comment 4

[Matt Basta [:basta]]

When does 844178's patch make its way into normal Unagi builds?

Comment 5

[Mats Palmgren (inactive)]

(In reply to Mats Palmgren [:mats] from comment #3)
> Does the patch in bug 844178 make any difference?

Ignore that,  I see that nsCSSFrameConstructor::RecomputePosition doesn't exist
on the b2g18 branch.

Comment 6

[Sylvestre Ledru [:Sylvestre]]

Mass closing as we are no longer working on b2g/firefox os.

Comment 7

[Sylvestre Ledru [:Sylvestre]]

Mass closing as we are no longer working on b2g/firefox os.