Web Inspector: Some rows with object previews are not visible in heap snapshot

rcaliman-apple · rcaliman-apple · commit ef22b1e4b9c4 · 2026-02-12T04:45:04.000-08:00
https://bugs.webkit.org/show_bug.cgi?id=307579 rdar://170164522 Reviewed by Devin Rousso. `WI.DataGrid` styles include `white-space: nowrap` in an attempt to truncate with an ellipsis any long values in data grid cells. `white-space: nowrap` an inheritable property. All DOM elements created by `WI.ObjectPreviewView` nested within a data grid will inherit it. In some combinations this results in the entire object preview being hidden if its contents are long enough that they would wrap. This patch applies `white-space: normal` only to object previews nested within a data grid. * Source/WebInspectorUI/UserInterface/Views/HeapSnapshotInstancesContentView.css: (.heap-snapshot > .data-grid td .formatted-node-preview,): Canonical link: https://commits.webkit.org/307358@main
diff --git a/Source/WebInspectorUI/UserInterface/Views/HeapSnapshotInstancesContentView.css b/Source/WebInspectorUI/UserInterface/Views/HeapSnapshotInstancesContentView.css
@@ -139,6 +139,7 @@
 .heap-snapshot > .data-grid td .object-preview {
     text-indent: 0; /* Do not inherit the DataGrid's indent. */
     line-height: initial;
+    white-space: normal; /* Do not inherit the DataGrid's `white-space: nowrap`. */
 }
 
 .heap-snapshot-instance-popover-content > .title {

Original file line number	Diff line number	Diff line change
`@@ -139,6 +139,7 @@`
`139`	`139`	`.heap-snapshot > .data-grid td .object-preview {`
`140`	`140`	`text-indent: 0; /* Do not inherit the DataGrid's indent. */`
`141`	`141`	`line-height: initial;`
	`142`	+ white-space: normal; /* Do not inherit the DataGrid's `white-space: nowrap`. */
`142`	`143`	`}`
`143`	`144`
`144`	`145`	`.heap-snapshot-instance-popover-content > .title {`