Refine on short screen

[multidynamic]

On my LG VM670, a device with a screen of only 480px tall, not all the elements of the Refine screen are accessible. That is the elements are below the bottom of the screen and cannot be scrolled to.

This can be fixed by adjusting served html to allow for scrolling.

[hburgund]

Interesting...the html adjusts for height properly on iOS by making the toggleable elements scroll vertically as needed. There were some machinations to get this to work so perhaps it's due to different web engines per platform or something.

[multidynamic]

The html tries to occupy the full screen height and receive the press events to scroll the tag elements within a smaller region of the page. I believe this does not happen on Android because the parent webview code is handling the scroll attempts before the html js can receive it. The webview probably sees the content as about the same size as itself and concludes the scrolling is done immediately when a drag gesture is initiated. You may try to prevent this by forcing a no scroll and directing the input into the webview, but I am unsure if this will work. This may help: http://www.gregbugaj.com/?p=147

The other solution would be just to allow the html to grow taller so the content will be larger than webview. I know that you'd loose the header, but 'm quite sure iOS would be fine with this.

[hburgund]

It seems that the html body element is not sizing properly to the full screen for some reason in Android. The scrolling works fine, but it appears to not be working when only a small portion of the list is off the bottom of the screen in which case the containing element is big enough to not require scrolling, but visually it is cutoff.

I am out of town for a trip for the next two weeks working on another installation, so I'm not sure how much I'll be able to work on this issue until I get back. Thankfully it only seems to affect phones with small screens, which are likely in the minority at this point, yes?