MD Settings: Lazy load the contents of the "advanced" settings.

chrome/browser/resources/settings/settings_main/settings_main.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @typedef {{about: boolean, settings: boolean}}
  */
 var MainPageVisibility;
 
 /**
@@ skipping 67 matching lines @@
       type: Object,
       value: function() { return {}; },
     },
 
     showAndroidApps: Boolean,
   },
 
   /** @override */
   attached: function() {
     this.listen(this, 'freeze-scroll', 'onFreezeScroll_');
+    this.listen(this, 'lazy-loaded', 'onLazyLoaded_');

[Dan Beam, 2017/03/17 00:30:05]

use listeners: or unlisten in detached()?

[dpapad, 2017/03/17 20:53:54]

I am pretty sure listen() already takes care of unlistening on detached. See
implementation where "listeners" is also delegating to listen() internally,
https://github.com/Polymer/polymer/blob/1.x/src/standard/events.html#L72.

+  },
+
+  /** @private */
+  onLazyLoaded_: function() {
+    Polymer.dom.flush();
+    this.updateOverscrollForPage_();
   },
 
   /** @override */
   detached: function() {
     this.unlisten(this, 'freeze-scroll', 'onFreezeScroll_');
   },
 
   /** @private */
   overscrollChanged_: function() {
     if (!this.overscroll_ && this.boundScroll_) {
@@ skipping 176 matching lines @@
               text: this.showNoResultsFound_ ?
                   loadTimeData.getString('searchNoResults') :
                   loadTimeData.getStringF('searchResults', query)
             });
           }
         }.bind(this));
       }.bind(this), 0);
     }.bind(this));
   },
 });