kite-project / hope

A new web experience for your B2G and Android devices.
8 stars 3 forks source link

Find a way to prevent scroll propagating from hope-tab iframe #15

Open wilsonpage opened 8 years ago

wilsonpage commented 8 years ago

When user user scrolls to the bottom of the tab content, the scroll propagates to the next scrollable container (hope-tab-list) and enters the 'tab-view'.

We need to find a way to prevent this default behaviour.

I tried using the technique that Gaia utility tray uses (overflow: scroll on a non-overflowing ancestor container), but this failed to work unless the property was set after the content had been scrolled. This suggests the technique is a hack exploiting a corner-case in the APZ implementation.

We need to find a reliable way to prevent scroll gestures propagating to ancestor scoll containers.

wilsonpage commented 8 years ago

Blocked by bug 1238985

wilsonpage commented 8 years ago

I've tried a variety of hacks to get this behaviour, but nothing seems to work well enough. One option I haven't tried is moving the current tab out of the tabs-view scroller completely and then placing back into the scroller once deactivated.

I fear we'll get some reflow jank when re-entering the tabs-view though :(

etiennesegonzac commented 8 years ago

Janky workarounds are not an option :)