WebUI Prefs: Resize autocomplete list on window resize

chrome/browser/resources/options/autocomplete_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 ArrayDataModel = cr.ui.ArrayDataModel;
   const List = cr.ui.List;
   const ListItem = cr.ui.ListItem;
 
   /**
@@ skipping 151 matching lines @@
       if (!input)
         return;
 
       input.removeEventListener('keydown', this.textFieldKeyHandler_);
       input.removeEventListener('input', this.textFieldInputHandler_);
       this.targetInput_ = null;
       this.suggestions = [];
     },
 
     /**
+     * Makes sure that the suggestion list matches the width of the input it is.
+     * attached to. Should be called any time the input is resized.
+     */
+    syncWidthToInput: function() {
+      var input = this.targetInput_
+      if (!input)

[csilv, 2011/04/22 00:10:55]

I'd prefer to make this more concise by saying:

if (input)
  this.style.width = input.getBoundingClientRect().width + 'px';

It's up to you.

+        return;
+
+      this.style.width = input.getBoundingClientRect().width + 'px';
+    },
+
+    /**
      * The text field the autocomplete popup is currently attached to, if any.
      * @return {HTMLElement}
      */
     get targetInput() {
       return this.targetInput_;
     },
 
     /**
      * Handles input field key events that should be interpreted as autocomplete
      * commands.
@@ skipping 22 matching lines @@
         event.preventDefault();
         event.stopPropagation();
       }
     },
   };
 
   return {
     AutocompleteList: AutocompleteList
   };
 });