Samsung/TAU-Design-Editor

[Wearable] [Coverflow] [LivePreview] widget scrolls up

Closed this issue · 13 comments

lmslachciak commented
  1. visit: https://localhost:3000/demos?path=1.1%2Fexamples%2Fwearable%2FUIComponents%2Fcontents%2Finteractive%2Fcoverflow%2Findex.html
  2. go to live preview
  3. scroll content with mouse scroller
    observe:
    widget moves up
    expected:
    no widget move
DohyungLim commented

@lslachciak
Could you please give me a link to the code.tizen.org issue so I can test it?

DohyungLim commented

Did you move the scroll in a non-image area when testing? Scrolling and clicking do not work in non-image areas.

lmslachciak commented

I just use scroller in an area of circle Live preview
If scroller used over live preview widget it scrolls images + scrolls up/down
If scroller used outside of coverflow it scrolls up/down
See below video for details
scroller.zip

I can't share link for text example yet on code.tizen.org because w need to make 1.1 release first and do AWS upload first.

DohyungLim commented

@lslachciak
The tau 1.1.10 release is complete.
Does the issue reproduce on code.tizen.org?
I changed the tau of my project to 1.1.10.
But the scrolling problem does not occur.

Please email me a reproduced project so that I can test it.
Or send me a test demo link.

lmslachciak commented

We are updating code.tizen.org now, as soon as we are done, we will share with you test demo link

DohyungLim commented

ok. thanks.

lmslachciak commented

Dear @DohyungLim please find link to sample below:
https://code.tizen.org/demos?path=1.1%2Fexamples%2Fwearable%2FUIComponents%2Fcontents%2Finteractive%2Fcoverflow%2Findex.html

The interesting thing is that the issue occurs only on the Linux machines (I confirmed this on two machines)
On Windows machine I can't observe this issue.
All machines use the same chromium number - 78

lmslachciak commented

When disable
padding-bottom: 6.25rem
in Chromium Developers tools, issue no longer occurs

this property comes from

tau.circle.css:448
.ui-page.ui-scroll-on .ui-content {
  margin-top: 7.1875rem;
  padding-bottom: 6.25rem;
  padding-top: 0;
}
DohyungLim commented

very good.
will you update the patch?

lmslachciak commented

I'll take care of this issue.
Need to check few things

DohyungLim commented

okay.
If there is no problem after checking, please close the issue.

thanks.

lmslachciak commented

issue fixed, we need to release TAU 1.1 and re-upload example to AWS

lmslachciak commented

coverflow issue is fixed on code.tizen.org, closing this item