cr/ui/list.js: Support rows with variable heights.

chrome/browser/resources/options/cookies_list.js

 // Copyright (c) 2011 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.
 
 cr.define('options', function() {
   const DeletableItemList = options.DeletableItemList;
   const DeletableItem = options.DeletableItem;
   const ArrayDataModel = cr.ui.ArrayDataModel;
   const ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
 
@@ skipping 142 matching lines @@
       this.expanded_ = expanded;
       if (expanded) {
         var oldExpanded = this.list.expandedItem;
         this.list.expandedItem = this;
         this.updateItems_();
         if (oldExpanded)
           oldExpanded.expanded = false;
         this.classList.add('show-items');
       } else {
         if (this.list.expandedItem == this) {
-          this.list.leadItemHeight = 0;
           this.list.expandedItem = null;
         }
         this.style.height = '';
         this.itemsChild.style.height = '';
         this.classList.remove('show-items');
       }
     },
 
     /**
      * The callback for the "remove" button shown when an item is selected.
@@ skipping 32 matching lines @@
       var itemsHeight = getItemHeight(this.itemsChild);
       var fixedHeight = getItemHeight(this) + itemsHeight - this.itemsHeight_;
       this.itemsChild.style.height = this.itemsHeight_ + 'px';
       // Force relayout before enabling animation, so that if we have
       // changed things since the last layout, they will not be animated
       // during subsequent layouts.
       this.itemsChild.offsetHeight;
       this.classList.remove('measure-items');
       this.itemsChild.style.height = itemsHeight + 'px';
       this.style.height = fixedHeight + 'px';
-      if (this.expanded)
-        this.list.leadItemHeight = fixedHeight;
     },
 
     /**
      * Updates the origin summary to reflect changes in its items.
      * Both CookieListItem and CookieTreeNode implement this API.
      * This implementation scans the descendants to update the text.
      */
     updateOrigin: function() {
       var info = {
         cookies: 0,
@@ skipping 388 matching lines @@
       DeletableItemList.prototype.decorate.call(this);
       this.classList.add('cookie-list');
       this.data_ = [];
       this.dataModel = new ArrayDataModel(this.data_);
       this.addEventListener('keydown', this.handleKeyLeftRight_.bind(this));
       var sm = new ListSingleSelectionModel();
       sm.addEventListener('change', this.cookieSelectionChange_.bind(this));
       sm.addEventListener('leadIndexChange', this.cookieLeadChange_.bind(this));
       this.selectionModel = sm;
       this.infoNodes = {};
+      this.fixedHeight = false;
       var doc = this.ownerDocument;
       // Create a table for each type of site data (e.g. cookies, databases,
       // etc.) and save it so that we can reuse it for all origins.
       for (var type in cookieInfo) {
         var table = doc.createElement('table');
         table.className = 'cookie-details-table';
         var tbody = doc.createElement('tbody');
         table.appendChild(tbody);
         var info = {};
         for (var i = 0; i < cookieInfo[type].length; i++) {
@@ skipping 210 matching lines @@
       parent.clear();
       this.addByParent_(parent, 0, children);
       parent.endBatchUpdates();
     },
   };
 
   return {
     CookiesList: CookiesList
   };
 });