Open Bug 1127208 Opened 10 years ago Updated 2 years ago

Background image jumps position when changing between active and inactive layer

Categories

(Core :: Layout, defect)

All
Gonk (Firefox OS)
defect

Tracking

()

People

(Reporter: cynthiatang, Unassigned)

References

Details

Attachments

(3 files)

### ENV
Device: Flatfish (tv)
Gaia: 5dd0226e5d10433cd8f460a1019b1bfe3d886a3c

### STR
1. Pree arrow key to move the focus on any app on the Home screen 

### Actual Result
1. The name of the app juggles

### Expected Result
1. The name of the app should not juggle
Summary: [Demo][Stingray] When user move the fcuse on any app on the Home scrren, the name of the app juggles → [Demo][Stingray] When user move the fcuse on any app on the Home scrren, the name of the app jiggles
Summary: [Demo][Stingray] When user move the fcuse on any app on the Home scrren, the name of the app jiggles → [Demo][Stingray] When user move the focus on any app on the Home scrren, the name of the app jiggles
1. When we press tab and focus the button with camera background, the button will move right-bottom a little when the scale transform is finished.
2. I found two CSS attributes that make this happen. We can either delete 'background-position: center center;' or change 'background-size: 100% auto;' to 'background-size: 100% 100%;'.
Flags: needinfo?(hshih)
Ethan, please check the attachment 8561188 [details] with browser.
Flags: needinfo?(hshih) → needinfo?(etlin)
Component: Gaia::TV → Layout
Product: Firefox OS → Core
Summary: [Demo][Stingray] When user move the focus on any app on the Home scrren, the name of the app jiggles → [Demo][Stingray] Background image jumps position when changing between active and inactive layer
Here's a different version of the test case that reproduces on my machine. If you watch the center of the camera icon you can see it jump at the end of the grow animation after clicking on the icon.
Summary: [Demo][Stingray] Background image jumps position when changing between active and inactive layer → Background image jumps position when changing between active and inactive layer
Blocks: CardUI
No longer blocks: stingray-demo
When doing the animation, content side will normalize the scale to power of 2 (for reducing redraw and keeping quality) [1] and generate a scaled image, Image1. Then the compositor will use the Image1 to do the scale to the actual size. After finishing the animation, content side will use the real scale to generate another scaled image, Image2. The jump problem is because the centers of Image1 and Image2 are slightly different. I think this may be the content side layer snapping problem, but I'm not sure how to fix the problem. 
BTW, I try the example on chrome and it also has the jumps. 

[1]https://dxr.mozilla.org/mozilla-central/source/layout/base/FrameLayerBuilder.cpp#3934
Flags: needinfo?(etlin) → needinfo?(roc)
Attached file static image example
This example has two static circles. One is scale to 1.4 and another is scale to 2.0. If we take the purple circle edge as the center, there is one pixel offset. That is why we see the jump in the end of animation.
Attachment #8564043 - Attachment mime type: application/zip → application/java-archive
Flags: needinfo?(roc)
Attachment #8562495 - Attachment mime type: application/x-zip-compressed → application/java-archive
Assignee: nobody → hshih
Status: NEW → ASSIGNED
For TV platform, all changing between focused and de-focused will be affected and the string shake obviously. This is a much worse user experience, QA suggests raise this issue's priority to fix it.

The bug assignee didn't login in Bugzilla in the last 7 months, so the assignee is being reset.

Assignee: bignose1007+bugzilla → nobody
Status: ASSIGNED → NEW
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: