240566 2022-05-18 01:41:29 -0700 innerText from element with "white-space: pre-line" incorrectly removes line breaks 2025-03-11 22:04:44 -0700 1 1 1 Unclassified WebKit DOM Safari 15 All Unspecified NEW BrowserCompat, InRadar, WPTImpact P2 Normal --- 289597 1 ik cdumez ahmad.saleem792 cdumez webkit-bug-importer oldest_to_newest 1869943 0 459530 ik 2022-05-18 01:41:29 -0700 Created attachment 459530 Testcase v101 When I retrieve the innerText value of an element that has "white-space: pre-line;", the resulting string does not contain any line breaks (\n). The following changes/variations do preserve line breaks when retrieving : * Retrieving textContent instead of innerText * Using "pre-wrap" * A combination of the above ... but these have side-effects, as it causes slightly different behavior. According to MDN, newlines should be preserved for both pre-line and pre-wrap: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#values See attached testcase, also available here: https://testcase.rejh.nl/webkit-pre-line-innertext/ * The first div has "white-space: pre-line" * The second div has "pre-wrap" * Use the buttons to print innerText or textContent to the console Note: I've tested this in Safari, Chrome and Firefox. Only Chrome returns the same result for innerText and textContent when "pre-line" is set, preserving line breaks. Firefox seems to also strip the newline characters when retrieving innerText while preserving them for textContent. If the intended/spec'd behavior of innerText is to remove line breaks for "pre-line", I'll happily file a bug @ Chrome :) Thanks! 1870049 1 gsnedders 2022-05-18 10:06:43 -0700 https://html.spec.whatwg.org/multipage/dom.html#rendered-text-collection-steps says: > If node is a Text node, then for each CSS text box produced by node, in content order, compute the text of the box after application of the CSS 'white-space' processing rules and 'text-transform' rules, set items to the list of the resulting strings, and return items. The CSS 'white-space' processing rules are slightly modified: collapsible spaces at the end of lines are always collapsed, but they are only removed if the line is the last line of the block, or it ends with a br element. Soft hyphens should be preserved. [CSSTEXT] This implies that pre-line should be preserve the new lines. Not looked closely at Firefox, but it seems Safari is the only browser failing the '\n preserved ("<div style='white-space:pre-line'>abc\ndef")' subtest at https://wpt.fyi/results/html/dom/elements/the-innertext-and-outertext-properties/getter.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned 1870085 2 cdumez 2022-05-18 11:41:56 -0700 Pull request: https://github.com/WebKit/WebKit/pull/738 1871683 3 webkit-bug-importer 2022-05-25 01:42:14 -0700 <rdar://problem/93887979> 1919253 4 ik 2022-12-14 12:21:49 -0800 Any news on this? A pull request was filed but nothing since? 459530 2022-05-18 01:41:29 -0700 2022-05-18 01:41:29 -0700 Testcase v101 webkit-pre-line-innertext-v101.zip application/x-zip-compressed 1225 ik UEsDBBQAAAAAAJRQslQAAAAAAAAAAAAAAAAaAAAAd2Via2l0LXByZS1saW5lLWlubmVydGV4dC9Q SwMEFAAAAAgATVOyVJRNuB1XAwAA3QoAACQAAAB3ZWJraXQtcHJlLWxpbmUtaW5uZXJ0ZXh0L2lu ZGV4Lmh0bWzdVktv1DAQvu+vMOGwXWmzppQDSpNcShEHKIgtQkiVkDee3Vh1bGM7uy2I/87YyT7a rYDyOtDDZjKPz9+MZybNHzx7fXL+4c0pqX0jy0EeHkQytSgSUEk5QA0wXg4IyRvwjFQ1sw58kbw7 f54+TbYGxRookqWAldHWJ6TSyoNCx5Xgvi44LEUFaXwZE6GEF0ymrmISisPJow7ICy+hfA+zS+HJ TFsONp3pKxKjaA1iUXtqGOdCLXLaeQ9CoPPXvUgwjl+TLyiGvzmySOesEfI6I44plzqwYn4czV+7 gImxkEqhYNyJK8vMmHg2k7DBaZhdCJWRp+bquFf1PHZ1PeeMHJor4rQUnDw8Ojq6aU0t46J1GXkS 4/Z5bE9d1cJD6gyrICNrax8Tfrd87w5ZW3eP2SS2AxOuxHPU3cjsNsOcbsucu8oK48tonbeq8kIr oltvWn+wZLKF0RoudALWAiZSLw6Gb9mKRHs2HHfC6Pguv1NsDQN84zWxYCQmdUAvFF2MyfDiQg1H fezXyG5NKaddyw7y0Arhaco3ffFyatCBiyWpJHOuSNZVxQZ8GUr/8LB/Ph70whMExAAMm7XehyxV JUV1WSR9ulxXbYOtPvnUgr2egoTKa3sw3NzncDQRSoE9hys/SsqNnNMO8fegPSKdxGEL4Nu3DXxf gb4X9ivQG/77CuSM1BbmRVJ7b1xGKe4kkNqAnTT6s5CSTbRdUFDpuynFcx3FTURPplO6M1QPYze6 BMfILsIe/DjDbXmZEAuySJRGOMwtKV89O8t2hzGnrAylD0TOa8DFJKVe4ZT18+jaBneM+AyOeDTP oGZLoS3R8/i+RJtu3S4i6ZhkHWpEWV+p80xxZnkatf1uXe/xINtOiGqkhT8772ewIqGy7rZhisci P8QOpPfM4UJJ6CSDad02niqe6nm33lzE+Z6HRrY2+qE3GGYZXvpOBEqYQnxuPk8+TPvdCVaaQ6m0 bZjMaXy5eTgvTzRev3GAev4z+veY5m3dW2j0cs/zBX5Lg25L/LscQ/3+EMczTVZ/hybO3t0cw5bB D2wH/zP6nuMvu/+YaNxtf4htd+v7hfvdYoamv29F/3Fnziywy7Sb3HsyvU81f6zbjn4/8CiELRd2 PF1run9mvwFQSwECPwAUAAAAAACUULJUAAAAAAAAAAAAAAAAGgAkAAAAAAAAABAAAAAAAAAAd2Vi a2l0LXByZS1saW5lLWlubmVydGV4dC8KACAAAAAAAAEAGAA7ABrsjWrYAU/hSzOPatgBFFGn6Y1q 2AFQSwECPwAUAAAACABNU7JUlE24HVcDAADdCgAAJAAkAAAAAAAAACAAAAA4AAAAd2Via2l0LXBy ZS1saW5lLWlubmVydGV4dC9pbmRleC5odG1sCgAgAAAAAAABABgABToD95Bq2AEM5NT4kGrYATsA GuyNatgBUEsFBgAAAAACAAIA4gAAANEDAAAAAA==