Make resizing in Files.app more responsive.

chrome/browser/resources/file_manager/js/file_table.js

 // Copyright (c) 2012 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.
 
 'use strict';
 
 /**
  * Namespace for utility functions.
  */
 var filelist = {};
@@ skipping 145 matching lines @@
       e.preventDefault();
     });
   }
 
   var handleSelectionChange = function() {
     var selectAll = self.querySelector('#select-all-checkbox');
     if (selectAll)
       self.updateSelectAllCheckboxState_(selectAll);
   };
 
+  self.relayoutAggregation_ =
+      new AsyncUtil.Aggregation(self.relayoutImmediately_.bind(self));
+
   Object.defineProperty(self.list_, 'selectionModel', {
     get: function() {
       return this.selectionModel_;
     },
     set: function(value) {
       var sm = this.selectionModel;
       if (sm)
         sm.removeEventListener('change', handleSelectionChange);
 
       util.callInheritedSetter(this, 'selectionModel', value);
@@ skipping 486 matching lines @@
   var icon = this.ownerDocument.createElement('div');
   icon.className = 'detail-icon';
   icon.setAttribute('file-type-icon', FileType.getIcon(entry));
   return icon;
 };
 
 /**
  * Redraws the UI. Skips multiple consecutive calls.
  */
 FileTable.prototype.relayout = function() {
-  if (this.resizeTableTimer_) {
-    clearTimeout(this.resizeTableTimer_);
-    this.resizeTableTimer_ = null;
-  }
-  this.resizeTableTimer_ = setTimeout(function() {
-    if (util.platform.newUI()) {
-      if (this.clientWidth > 0)
-        this.normalizeColumns();
-    }
-    this.redraw();
-    cr.dispatchSimpleEvent(this.list, 'relayout');
-    this.resizeTableTimer_ = null;
-  }.bind(this), 100);
+  this.relayoutAggregation_.run();
 };
 
 /**
+ * Redraws the UI immediately.
+ * @private
+ */
+FileTable.prototype.relayoutImmediately_ = function() {
+  if (util.platform.newUI()) {
+    if (this.clientWidth > 0)
+      this.normalizeColumns();
+  }
+  this.redraw();
+  cr.dispatchSimpleEvent(this.list, 'relayout');
+};
+
+/**
  * Decorates (and wire up) a checkbox to be used in either a detail or a
  * thumbnail list item.
  * @param {HTMLInputElement} input Element to decorate.
  */
 filelist.decorateCheckbox = function(input) {
   var stopEventPropagation = function(event) {
     if (!event.shiftKey)
       event.stopPropagation();
   };
   input.setAttribute('type', 'checkbox');
@@ skipping 135 matching lines @@
         break;
       }
     }
     if (url) {
       iconDiv.style.backgroundImage = 'url(' + url + ')';
     } else {
       iconDiv.style.backgroundImage = null;
     }
   }
 };