Settings: site-list, set iron-list display to contents so tooltips are not cutoff

Bug: 870202
Change-Id: Id1afc62ba99ce648068b773e900f1373413cb8d7
Reviewed-on: https://chromium-review.googlesource.com/1168144Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#582287}

chrome/browser/resources/settings/site_settings/site_list.html

@@ -57,7 +57,7 @@
         <div class="list-item secondary">$i18n{noSitesAdded}</div>
       </div>
       <div class="list-frame menu-content vertical-list" id="listContainer">
-        <iron-list items="[[sites]]" preserve-focus risk-selection>
+        <iron-list id="list" items="[[sites]]" preserve-focus risk-selection>
           <template>
             <site-list-entry model="[[item]]" read-only-list="[[readOnlyList]]"
                 on-show-action-menu="onShowActionMenu_" tabindex$="[[tabIndex]]"

chrome/browser/resources/settings/site_settings/site_list.js

@@ -224,7 +224,14 @@ Polymer({
                 site => site.setting != settings.ContentSetting.DEFAULT &&
                     site.setting == this.categorySubtype)
             .map(site => this.expandSiteException(site));
+    // iron-list needs to have display set to 'block' in order to render
+    // correctly. However, display also needs to be set to 'contents' so that
+    // the paper-tooltip in cr-policy-pref-indicator is not cutoff.
+    this.$.list.style.display = 'block';
     this.updateList('sites', x => x.origin, sites);
+    this.async(() => {
+      this.$.list.style.display = 'contents';
+    });
   },
 
   /**