DevTools: Overlay scrollbars block the console readline

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 80 matching lines @@
 
 .console-message,
 .console-user-command {
     clear: right;
     position: relative;
     padding: 3px 22px 1px 0;
     margin-left: 24px;
     min-height: 18px;  /* Sync with ConsoleViewMessage.js */
     flex: auto;
     display: flex;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .console-message > * {
     flex: auto;
 }
 
 .console-timestamp {
     color: gray;
     -webkit-user-select: none;
     flex: none;
@@ skipping 177 matching lines @@
     line-height: 13px;
 }
 
 .console-group-messages .section .properties li .info {
     padding-top: 0;
     padding-bottom: 0;
     color: rgb(60%, 60%, 60%);
 }
 
 .console-object-preview {
-    white-space: normal;
-    word-wrap: break-word;
     font-style: italic;
+    white-space: nowrap;
 }
 
 .console-object-preview .name {
     /* Follows .section .properties .name, .event-properties .name */
     color: rgb(136, 19, 145);
     flex-shrink: 0;
 }
 
 .console-message-text .object-value-string {
     white-space: pre-wrap;
@@ skipping 66 matching lines @@
     align-items: stretch;
 }
 
 .console-message-stack-trace-wrapper > * {
     flex: none;
 }
 
 .console-message-expand-icon {
     margin-bottom: -2px;
 }