Toolbar menus on touch devices, Nexus 5, 4.1-alpha-20140930

The toolbar has a couple of annoying UX problems on touch devices.

First, submenus tend to become detached when scrolling.

Screenshot_2014-09-29-12-54-24

Detached Visit Site submenu

Second, toolbar menus are difficult to dismiss. In the screenshot below, I want to be able to tap the dash icon again to close the menu. Instead it takes me to the dash. Tapping outside the menu works to dismiss, but there’s no safe place to tap. If I tap anywhere near the image I go to the image url. This is frustrating and discourages UI exploration. I can’t tap around without being directed to another screen.

Screenshot_2014-09-29-12-54-39

Big menus make the problem worse.

Screenshot_2014-09-30-13-50-29

To dismiss that menu without inadvertently following a link, you must tap + and then tap below that menu while avoiding images and links in the content below.

#android, #phone, #toolbar, #web