Improve the styling of the toolbar tray so that when open, it extends to the bottom of the page when a user scrolls down [#1800582]

On mobile devices, the toolbar tray doesn't extend to the bottom of the screen when the content is longer than the toolbar. I've been looking at m.facebook.com for inspiration, but unlike a dedicated web app, our implementation has to take into account an unstable DOM environment that any module can alter. I'm still spinning on the best way to approach this. Input would be great.

Screenshot of an iPhone simulator showing the toolbar tray open. The tray height does not extend to the bottom of the phone screen area if the user scrolls down.

Comment	File	Size	Author
	toolbar-mobile-phone-not-high-enough-2.png	104.89 KB	jessebeach

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

jessebeach CreditAttribution: jessebeach commented 2 October 2012 at 02:14

Issue tags:

+Usability, +mobile, +#d8ux, +d8mux, +Spark

Tagging.

Comment #2

Bojhan CreditAttribution: Bojhan commented 10 October 2012 at 14:01

Category:	task	» feature
Priority:	Normal	» Major

I'd consider this major, it basically doesn't allow us to evaluate how useable configuration is.

Ocassionally you can get into configuration, I noticed. But its extremely buggy.

Comment #3

jessebeach CreditAttribution: jessebeach commented 10 October 2012 at 17:29

Before we can invest more time in fixing issues with the current design, we must first reach agreement that the design represented here is the one we want. Devoting time to resolve bugs in a design that may change will be time wasted.