fix: preserve line breaks in tooltip field values (#3311)

pierreeurope · web-flow · commit 44d1e47f0c63 · 2026-04-04T22:07:28.000+03:00
Change white-space from no-wrap to pre-line for .row__value in tooltip table, so that newline characters in GeoJSON properties (e.g. desc tags) are properly displayed as line breaks. Also fixes the invalid CSS value 'no-wrap' (should be 'nowrap') on .row__name. Fixes #2369 Signed-off-by: pierreeurope <pierre.europe@pm.me>
diff --git a/src/components/src/map/layer-hover-info.tsx b/src/components/src/map/layer-hover-info.tsx
@@ -45,11 +45,16 @@ const StyledTable = styled.table`
       color: ${props => props.theme.negativeBtnActBgd};
     }
   }
-  & .row__value,
   & .row__name {
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: no-wrap;
+    white-space: nowrap;
+  }
+  & .row__value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: pre-line;
+    max-width: 250px;
   }
 `;
 

Original file line number	Diff line number	Diff line change
@@ -45,11 +45,16 @@ const StyledTable = styled.table`
`45`	`45`	`color: ${props => props.theme.negativeBtnActBgd};`
`46`	`46`	`}`
`47`	`47`	`}`
`48`		`- & .row__value,`
`49`	`48`	`& .row__name {`
`50`	`49`	`overflow: hidden;`
`51`	`50`	`text-overflow: ellipsis;`
`52`		`- white-space: no-wrap;`
	`51`	`+ white-space: nowrap;`
	`52`	`+ }`
	`53`	`+ & .row__value {`
	`54`	`+ overflow: hidden;`
	`55`	`+ text-overflow: ellipsis;`
	`56`	`+ white-space: pre-line;`
	`57`	`+ max-width: 250px;`
`53`	`58`	`}`
`54`	`59`	`;
`55`	`60`