View source for Mobile/UI/Designs/TouchScreen/Fennec 1.1+/Revised layout and functionality of Fennec Pop-up Choice list

= Problem description  =

As the main problem, the Pop-up menu contains OK button for confirming the selection in the current version of Fennec (1.1). Because the Pop-up menu is for single selection only, the confirmation is needless (or even purposeless) and creates just an extra step. <br> 

= Summary<br>  =

Pop-up menu should work as it generally works on standard computers: Open choice list by tapping it, Select an option from the opened list by tapping it and Close the choice list by tapping outside of it.<br> 

Pop-up menu should be more optimised for small screen devices: e.g. showing the scope of selection in context of opened Choice list and letting the list occupy as much screen estate as possible when needed. 

= States<br>  =

*Closed state<br> 
*Opened state

= Layout<br>  =

[[Image:Fennec_Chrome_Pop-up_menu_States_overview.png]]

== Close state  ==

In the Closed state, the pop-up menu component should take the full width of the screen (both in Landscape and Portrait orientation of the device) and it should be functional as a whole. The component should contain title (A) in the upper row and the currently selected option/value (B) in the next row.<br> <br>[[Image:Fennec_Chrome_Pop-up_menu_Closed_state_Layout.png]]

== <br> Opened state  ==

In the Opened state, the pop-up menu shoud have a heading row populated with the title and list of options below it. The currently selected list item should be indicated. The heading row should contain the Close button and the application view outside of menu should be dimmed.<br>

[[Image:Fennec_Chrome_Pop-up_menu_Opened_state_Layout.png]]

<br>The menu should take as much screen estate as needed for displaying all options it contains.<br>

[[Image:Fennec_Chrome_Pop-up_menu_Opened_state_Layout_with_different_number_of_items.png]]<br>

= Functionality<br>  =

Opening pop-up menu<br> 

*Tap pop-up menu component<br>

Selecting an item from pop-up menu<br> 

*Tap a list item<br>

Cancel selection (i.e. close menu without changing the currently selected option)<br> 

*Tap outside of list or the heading row (including the Close button) of the list. <br>

'''NOTE:''' Selecting an item from the list (by tapping it) should close the menu/list.<br> 

The list should be scrollabe (if there are more options than what could be displayed in the view at once). Panning the list with the drag or flick interactions should not result selecting a list item.<br>

[[Image:Fennec Pop-up Choice list layout and functionality.png]]