DevTools: [SuggestBox] follow-up to migration icons to UI.Icon

third_party/WebKit/Source/devtools/front_end/ui/SuggestBox.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 267 matching lines @@
   _createItemElement(query, text, iconType, isSecondary) {
     var element = createElementWithClass('div', 'suggest-box-content-item source-code');
     if (iconType) {
       var icon = UI.Icon.create(iconType, 'suggestion-icon');
       element.appendChild(icon);
     }
     if (isSecondary)
       element.classList.add('secondary');
     element.tabIndex = -1;
     var displayText = text.trimEnd(50 + query.length);
+
+    var suggestionText = element.createChild('span', 'suggestion-text');
     var index = displayText.toLowerCase().indexOf(query.toLowerCase());
     if (index > 0)
-      element.createChild('span').textContent = displayText.substring(0, index);
+      suggestionText.createChild('span').textContent = displayText.substring(0, index);
     if (index > -1)
-      element.createChild('span', 'query').textContent = displayText.substring(index, index + query.length);
-    element.createChild('span').textContent = displayText.substring(index > -1 ? index + query.length : 0);
+      suggestionText.createChild('span', 'query').textContent = displayText.substring(index, index + query.length);
+    suggestionText.createChild('span').textContent = displayText.substring(index > -1 ? index + query.length : 0);
+    suggestionText.createChild('span', 'spacer');
     element.__fullValue = text;
-    element.createChild('span', 'spacer');
     element.addEventListener('mousedown', this._onItemMouseDown.bind(this), false);
     return element;
   }
 
   /**
    * @param {!UI.SuggestBox.Suggestions} items
    * @param {string} userEnteredText
    * @param {function(number): !Promise<{detail:string, description:string}>=} asyncDetails
    */
   _updateItems(items, userEnteredText, asyncDetails) {
@@ skipping 294 matching lines @@
     this.element.style.left = containerBox.x + 'px';
     this.element.style.top = containerBox.y + 'px';
     this.element.style.height = containerBox.height + 'px';
     this.element.style.width = containerBox.width + 'px';
   }
 
   dispose() {
     this.element.remove();
   }
 };