Background image jumps position when changing between active and inactive layer

ASSIGNED
Assigned to

Status

()

ASSIGNED
4 years ago
3 years ago

People

(Reporter: cynthiatang, Assigned: jerry)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments)

(Reporter)

Description

4 years ago
### 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
(Reporter)

Updated

4 years ago
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

Comment 1

4 years ago
Created attachment 8561188 [details]
Simple example for reproducing the bug

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%;'.

Updated

4 years ago
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
Created attachment 8562495 [details]
Bug_1127208_example 2.zip

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: 1067781
No longer blocks: 1126155

Comment 4

4 years ago
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)

Comment 5

4 years ago
Created attachment 8564043 [details]
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)

Updated

3 years ago
Assignee: nobody → hshih
Status: NEW → ASSIGNED
Comment hidden (obsolete)

Comment 7

3 years ago
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.
You need to log in before you can comment on or make changes to this bug.