MD Settings: bump iron-list version.

Primarily to address an issue we're seeing in Settings where initial clicks on certain row items aren't being registered. BUG=697353 CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation Review-Url: https://codereview.chromium.org/2751523005 Cr-Commit-Position: refs/heads/master@{#457373}

MD Settings: bump iron-list version.
Primarily to address an issue we're seeing in Settings where initial clicks on certain row items aren't being registered. BUG=697353 CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation Review-Url: https://codereview.chromium.org/2751523005 Cr-Commit-Position: refs/heads/master@{#457373}
9e099d4c · scottchen · Commit bot · ff8bf753 · 9e099d4c · 9e099d4c
Commit 9e099d4c authored Mar 16, 2017 by scottchen Committed by Commit bot Mar 16, 2017
5 changed files
--- a/third_party/polymer/v1_0/bower.json
+++ b/third_party/polymer/v1_0/bower.json
@@ -18,7 +18,7 @@
    "iron-iconset-svg": "PolymerElements/iron-iconset-svg#1.0.11",
    "iron-icons": "PolymerElements/iron-icons#1.1.3",
    "iron-input": "PolymerElements/iron-input#1.0.10",
-    "iron-list": "PolymerElements/iron-list#1.3.12",
+    "iron-list": "PolymerElements/iron-list#1.4.4",
    "iron-location": "PolymerElements/iron-location#0.8.8",
    "iron-media-query": "PolymerElements/iron-media-query#1.0.8",
    "iron-menu-behavior": "PolymerElements/iron-menu-behavior#1.1.10",

--- a/third_party/polymer/v1_0/components-chromium/iron-list/bower.json
+++ b/third_party/polymer/v1_0/components-chromium/iron-list/bower.json
@@ -7,7 +7,7 @@
    "list",
    "virtual-list"
  ],
-  "version": "1.3.12",
+  "version": "1.4.4",
  "homepage": "https://github.com/PolymerElements/iron-list",
  "authors": [
    "The Polymer Authors"
@@ -21,8 +21,8 @@
  "ignore": [],
  "dependencies": {
    "polymer": "Polymer/polymer#^1.1.0",
-    "iron-resizable-behavior": "polymerelements/iron-resizable-behavior#^1.0.0",
-    "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0",
+    "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^1.0.0",
+    "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
    "iron-scroll-target-behavior": "PolymerElements/iron-scroll-target-behavior#^1.1.0"
  },
  "devDependencies": {

--- a/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js
+++ b/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js
--- a/third_party/polymer/v1_0/components-chromium/iron-list/iron-list.html
+++ b/third_party/polymer/v1_0/components-chromium/iron-list/iron-list.html
@@ -48,11 +48,12 @@ layout means (e.g. the `flex` or `fit` classes).
      flex: 1 1 auto;
    }
  </style>
-
  <app-toolbar>App name</app-toolbar>
  <iron-list items="[[items]]">
    <template>
-      ...
+      <div>
+        ...
+      </div>
    </template>
  </iron-list>
 </template>
@@ -71,7 +72,9 @@ layout means (e.g. the `flex` or `fit` classes).
  </style>
  <iron-list items="[[items]]">
    <template>
-      ...
+      <div>
+        ...
+      </div>
    </template>
  </iron-list>
 </template>
@@ -103,15 +106,20 @@ layout means (e.g. the `flex` or `fit` classes).
 <body>
  <template is="dom-bind">
    <app-toolbar>App name</app-toolbar>
-    <iron-list target="document" items="[[items]]">
+    <iron-list scroll-target="document" items="[[items]]">
      <template>
-        ...
+        <div>
+          ...
+        </div>
      </template>
    </iron-list>
  </template>
 </body>
 ```

+`iron-list` must be given a `<template>` which contains exactly one element. In the examples
+above we used a `<div>`, but you can provide any element (including custom elements).
+
 ### Template model

 List item templates should bind to template models of the following structure:
@@ -210,13 +218,13 @@ document.querySelector('iron-list').fire('iron-resize');
 ### When should `<iron-list>` be used?

 `iron-list` should be used when a page has significantly more DOM nodes than the ones
-visible on the screen. e.g. the page has 500 nodes, but only 20 are visible at the time.
+visible on the screen. e.g. the page has 500 nodes, but only 20 are visible at a time.
 This is why we refer to it as a `virtual` list. In this case, a `dom-repeat` will still
 create 500 nodes which could slow down the web app, but `iron-list` will only create 20.

 However, having an `iron-list` does not mean that you can load all the data at once.
-Say, you have a million records in the database, you want to split the data into pages
-so you can bring a page at the time. The page could contain 500 items, and iron-list
+Say you have a million records in the database, you want to split the data into pages
+so you can bring in a page at the time. The page could contain 500 items, and iron-list
 will only render 20.

 @group Iron Element
@@ -230,7 +238,6 @@ will only render 20.
    <style>
      :host {
        display: block;
-        position: relative;
      }

      @media only screen and (-webkit-max-device-pixel-ratio: 1) {
@@ -246,7 +253,7 @@ will only render 20.

      :host(:not([grid])) #items > ::content > * {
        width: 100%;
-      };
+      }

      #items > ::content > * {
        box-sizing: border-box;

--- a/third_party/polymer/v1_0/components_summary.txt
+++ b/third_party/polymer/v1_0/components_summary.txt
@@ -96,9 +96,9 @@ Tree link: https://github.com/PolymerElements/iron-input/tree/1.0.10

 Name: iron-list
 Repository: https://github.com/PolymerElements/iron-list.git
-Tree: v1.3.12
-Revision: 856ebcf90b2834aae728fc295b5dd5aa5ebc18ca
-Tree link: https://github.com/PolymerElements/iron-list/tree/v1.3.12
+Tree: v1.4.4
+Revision: 93490bcb5baba88d642d1f550dad3ed52b2c864f
+Tree link: https://github.com/PolymerElements/iron-list/tree/v1.4.4

 Name: iron-location
 Repository: https://github.com/PolymerElements/iron-location.git