DevTools: Overlay scrollbars block the console readline

third_party/WebKit/Source/devtools/front_end/object_ui/RemoteObjectPreviewFormatter.js

 // Copyright (c) 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.
 /**
  * @unrestricted
  */
 ObjectUI.RemoteObjectPreviewFormatter = class {
   /**
    * @param {!Protocol.Runtime.PropertyPreview} a
    * @param {!Protocol.Runtime.PropertyPreview} b
@@ skipping 30 matching lines @@
         var arrayName = preview.subtype === 'typedarray' ? SDK.RemoteObject.arrayNameFromDescription(description) : '';
         text = arrayName + arrayLengthText;
       } else {
         var hideDescription = previewExperimentEnabled && description === 'Object';
         text = hideDescription ? '' : description;
       }
       if (text.length > 0)
         parentElement.createChild('span', 'object-description').textContent = text + ' ';
     }
 
-    var propertiesElement = parentElement.createChild('span', 'object-properties-preview source-code');
+    var propertiesElement = parentElement.createChild('span', 'object-properties-preview monospace');
     propertiesElement.createTextChild(isArrayOrTypedArray ? '[' : '{');
     if (preview.entries)
       this._appendEntriesPreview(propertiesElement, preview);
     else if (isArrayOrTypedArray)
       this._appendArrayPropertiesPreview(propertiesElement, preview);
     else
       this._appendObjectPropertiesPreview(propertiesElement, preview);
     if (preview.overflow) {
       var ellipsisText = propertiesElement.textContent.length > 1 ? ',\u00a0\u2026' : '\u2026';
       propertiesElement.createChild('span').textContent = ellipsisText;
@@ skipping 185 matching lines @@
         preview = '{\u2026}';
       span.textContent = preview;
       span.title = description;
       return span;
     }
 
     span.textContent = description;
     return span;
   }
 };