Closed Bug 1036336 Opened 7 years ago Closed 7 years ago
[Collection App] Icons jump after rendering all of them
STR: 1) Open "Social" smart collection (or whatever) 2) See how the content is translated some pixels when all icons are rendered and the scroll detects it Video attached to show the issue ----- https://github.com/mozilla-b2g/gaia/blob/master/apps/collection/view.html#L79 Notice that <gaia-grid> has not height because all the content is translated with transformations. The issue disappears if I add this here https://github.com/mozilla-b2g/gaia/blob/master/apps/collection/style/css/view.css#L1 height: 1000%;
Vivien, should I move this to Zoom&Pan component? or any suggestion is more than welcome
(In reply to Cristian Rodriguez (:crdlc) from comment #1) > Vivien, should I move this to Zoom&Pan component? or any suggestion is more > than welcome Just removing flex-direction: column on the container also seems to resolve the issue for this case. But it breaks the offline case. Seems much more a css issue related to the usage of flex than a pan/zoom issue to me.
Assignee: nobody → crdlc
Status: NEW → ASSIGNED
Thanks Vivien, good catch (In reply to Vivien Nicolas (:vingtetun) (:21) - (NOT reading bugmails, needinfo? please) from comment #2) > (In reply to Cristian Rodriguez (:crdlc) from comment #1) > > Vivien, should I move this to Zoom&Pan component? or any suggestion is more > > than welcome > > Just removing flex-direction: column on the container also seems to resolve > the issue for this case. But it breaks the offline case. > > Seems much more a css issue related to the usage of flex than a pan/zoom > issue to me.
Comment on attachment 8453636 [details] Github pull request Things seem to keep working for me, and I'm not seeing a "jump", so looks good to me. Thanks!
Attachment #8453636 - Flags: review?(kgrandon) → review+
Status: ASSIGNED → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED
This issue has been verified successfully on Flame 2.1 See attachment: Verify_1036336.MP4 Reproducing rate: 0/5 Flame 2.1 build: Gaia-Rev ccb49abe412c978a4045f0c75abff534372716c4 Gecko-Rev https://hg.mozilla.org/releases/mozilla-b2g34_v2_1/rev/18fb67530b22 Build-ID 20141202001201 Version 34.0
You need to log in before you can comment on or make changes to this bug.