#22622 - preliminary version

src/vs/workbench/parts/debug/browser/media/debugHover.css

@@ -29,7 +29,7 @@
 	word-break: normal;
 	text-overflow: ellipsis;
 	height: 18px;
-	overflow: hidden;
+	overflow: auto;
 	border-bottom: 1px solid rgba(128, 128, 128, 0.35);
 }
 
@@ -67,6 +67,9 @@
 .monaco-editor .debug-hover-widget .value {
 	white-space: pre-wrap;
 	color: rgba(108, 108, 108, 0.8);
+	overflow: auto;
+	max-height: 500px;
+	z-index: 60;
 }
 
 .monaco-editor .debug-hover-widget .error {

src/vs/workbench/parts/debug/electron-browser/debugHover.ts

@@ -236,7 +236,7 @@ export class DebugHoverWidget implements IContentWidget {
 			this.valueContainer.hidden = false;
 			renderExpressionValue(expression, this.valueContainer, {
 				showChanged: false,
-				maxValueLength: MAX_VALUE_RENDER_LENGTH_IN_HOVER,
+				maxValueLength: null,
 				preserveWhitespace: true
 			});
 			this.valueContainer.title = '';
@@ -274,7 +274,7 @@ export class DebugHoverWidget implements IContentWidget {
 		if (visibleElementsCount === 0) {
 			this.doShow(this.showAtPosition, this.tree.getInput(), false, true);
 		} else {
-			const height = Math.min(visibleElementsCount, MAX_ELEMENTS_SHOWN) * 18;
+			const height = visibleElementsCount * 18; //Math.min(visibleElementsCount, MAX_ELEMENTS_SHOWN) * 18;
 
 			if (this.treeContainer.clientHeight !== height) {
 				this.treeContainer.style.height = `${height}px`;

src/vs/workbench/parts/debug/electron-browser/debugViewer.ts

@@ -76,7 +76,7 @@ export function renderExpressionValue(expressionOrValue: debug.IExpression | str
 		container.className = 'value changed';
 	}
 
-	if (options.maxValueLength && value.length > options.maxValueLength) {
+	if (options.maxValueLength && options.maxValueLength > 0 && value.length > options.maxValueLength) {
 		value = value.substr(0, options.maxValueLength) + '...';
 	}
 	if (value && !options.preserveWhitespace) {