Scrolling inside surface or dynamic Scrollview item

[famous]

Scrolling inside surface or dynamic Scrollview item

[dmvaldman]

Have you tried putting a scrollview inside a scrollview, like `

scrollview.sequenceFrom([innerScroll1, innersScroll2])

Or did you mean native scrolling, which is also possible.

[marcvdm]

i mean something like NativeView/WebView where you can put ordinary html/javascript in.

Then the NativeView/WebView would have scrolling like a native browser would have.

Currently you cannot touchmove a div with overflow: scroll because in the Engine.js it prevents the touchmove event.

[dcsan]

related https://github.com/Famous/views/issues/45

[MylesBorins]

@wgester since you are the current scroll view master in residence I think you should take the lead on this.

[wgester]

There's a potential fix in the works. If you clone down current famous and comment out the following in the initialize function inside of Engine.js

window.addEventListener('touchmove', function(event) {
    event.preventDefault();
}, true);

and replace this.eventForwarder in ElementOutput.js with the following function

this.eventForwarder = function eventForwarder(event) {
    this._eventOutput.emit(event.type, event);
    event.preventDefault();
}.bind(this);

you should be able to scroll overflow: scroll surfaces without any side effects. Let me know if this fixes your issue.

[MylesBorins]

I believe this fix landed as part of the scrollview fixes in The 0.3.0 alpha

[jacksenechal]

@thealphanerd can you elaborate on the fix that you referenced for scrollview? I don't see the overflow: scroll fix suggested above in the 0.3.x code so I assume it's got to do with true sizing on surfaces in scrollview or some such thing?