Settings needs the following behaviors consistent across embedded scrolling lists of items (e.g. networks, search engines, certificates, site settings, bluetooth, languages and input methods):
* The scrolling list should show hide a header / footer line similar to paper-dialog-scrollable: https://elements.polymer-project.org/elements/paper-dialog-scrollable?view=demo:demo/index.html&active=paper-dialog-scrollable
* Keyboard focus should navigate to and then past the scrolling list, with arrow keys navigating up/down within the list, and tab selecting any action buttons once a list item is selected (by mouse/touch or an arrow key)
Comment 1 by steve...@chromium.org
, Aug 16 2016The following pattern appears to work well (CL pending): <div id="container" class="scrollable layout vertical"> <iron-list items="[[items]]" scroll-target="container"> <template> <custom-item actionable item="[[item]]" on-tap="onTap_" tabindex$="[[tabIndex]]"> </custom-item> </template> </iron-list> </div> Where <custom-item> might look something like: <div>[[getText_(item)]]</div> <paper-icon-button icon="cr:menu" tabindex$="[[tabindex]]"> </paper-icon-button> </div>