forcedotcom / scrollerjs

A JavaScript library that helps you build performant UI components for the web.
http://scrollerjs.com
Apache License 2.0
636 stars 63 forks source link

Missing surfaces in horizontal endless mode #25

Open czerasz opened 9 years ago

czerasz commented 9 years ago

Bug video available here.

The video presents a preview of this example with this configuration:

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('load', function (e) {
    window.scrollerConfig = {
        gpuOptimization: true,
        scroll : 'horizontal',
        plugins: [
            'Endless'
        ],
        scrollbars: true
    };
    window.scroller = new Scroller('#wrapper', scrollerConfig);
});

Here is another video of that bug.

System/Browser details

OS Type OS Version Browser Type Javascript Enabled Cookies Enabled Color Depth Screen Resolution Browser Window Size Flash Version User Agent
X11 Ubuntu Firefox Yes Yes 24 1920 x 1080 1855 x 983 11.2.202 Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:38.0) Gecko/20100101 Firefox/38.0

It's also reproducible in Chrome 43.0.2357.81.

czerasz commented 9 years ago

I found out how to reproduce this issue.

Desired scroll direction: from bottom to top

The bug occurs when:

Here is how it looks like.