fix(post-summary): adjust wrapping behavior of long titles (#2196)

giamir · web-flow · commit a2365c067d39 · 2026-02-26T11:51:40.000Z
diff --git a/.changeset/ten-sides-fail.md b/.changeset/ten-sides-fail.md
@@ -0,0 +1,5 @@
+---
+"@stackoverflow/stacks": patch
+---
+
+fix wrapping behavior of post-summary titles
diff --git a/packages/stacks-classic/lib/components/post-summary/post-summary.less b/packages/stacks-classic/lib/components/post-summary/post-summary.less
@@ -52,7 +52,7 @@
     &:has(.s-tag.s-tag__ignored) {
         --_ps-ignored-bg: var(--black-100);
         --_ps-ignored-fc: var(--black-400);
-        
+
         &.s-post-summary__answered {
             --_ps-stats-answers-bg: var(--_ps-ignored-bg);
             --_ps-stats-answers-fc: var(--_ps-ignored-fc);
@@ -253,7 +253,8 @@
         display: flex;
         gap: var(--su6);
         line-height: 1.563rem; // TODO use a standard line-height variable (currently 25px)
-        word-break: break-all;
+        overflow-wrap: break-word;
+        hyphens: auto;
     }
 
     & &--title-link {
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ebdf8ebc88a6418444e70d06881e164ef2b8c7c22d637394bc3db8bbb3a3c58b
-size 19849
+oid sha256:78a649f59f5b738b907b6979f105f1057e811b26fe7ee3c22ffe794cf56a14b4
+size 19851
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2b6d7d6ada36bc80f9751d5421401fc2c3aba69daebf7206b9779fe765101c48
-size 21788
+oid sha256:e19284eebada8441d3f94a84c3b3ea2eccce6555f55d985b4fcf7a9450d002af
+size 21627
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:27e30c00f647fb21c1d63d07f7c102555fb15962013947267c89140c50c0ad40
-size 20127
+oid sha256:c751a4f3fcdd158c6b82c1251d13a7160d32064a207e8050b63c5827d5776288
+size 20129
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6788587c11b77d29efa6da951d514785a524ddd39d6aea307905aea9942ef8e8
-size 21845
+oid sha256:0dc2534975e2bf7fe28c10ac3f33bf123ae0270b53d2421f0f66653377e0ad3f
+size 21806
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ac2eefb486ce1b3ae654d8b46fd3edcf32f6483193db37c3dbf9053fe336d5bb
-size 21578
+oid sha256:58c62eecdfbdc645147c3e44cf976e206468e920e96d63c923cc53f3f0be7443
+size 21721
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f27042ed50054cf63947ac950f46f7fa70ff9a610f6482a75de74d3e29744a46
-size 21708
+oid sha256:0a4f6210e974f024732c6d54123cc2351b41ceb4223df5f4b17eb50e436818db
+size 21679
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d97a60e8ea604dca13e5bcb1aed49ccfe905bc68c29dd6ccecf079b9ff28a4d0
-size 21309
+oid sha256:3f0fa21b3b404b0a4b5c193f087ba3c7ebab28da9e55eeb54b083cd91682ba83
+size 21450
diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:88694e0055f9f10997433055292195f2205785820cde0c18005e80fc545e7a5d
-size 21525
+oid sha256:73af5b563d6d76c95f171061f01f52438389df2ddfee9b440a7fa451ac92cc18
+size 21503
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:443c2b7313f64ef1adec4f8f6ec16617b60ed9da9de7753d544fc7e20c8d8d3e
-size 25712
+oid sha256:9662997253e4537938b97c3067006def12e9b49a53b170eca47e57f3ea5b5662
+size 25907
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:03fc6a6375be1551e3aeeaf002364c52ecd4b8d8549e6f50e455ddf3a76e8d17
-size 27867
+oid sha256:5b6af1b41d8947f9eaa8902512ba8b56c755a90e827a4d41eddd5d8103b13fdd
+size 27932
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:80a47c43506b41bd707bbc29fda9fe79d162b977565224e5fe76045787c4d623
-size 26156
+oid sha256:13ff58419f200862d9c3c91190efc717af9cf7c6e1fd0d483f5d4ef0d5cfd594
+size 26351
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:94104a449d32aa247c3c2b529289aeed958824ae8d719bebb61d40301044abe8
-size 28108
+oid sha256:a6fe89a06a8f511cb0857e5bbc65dc99e8116df5d1e259e1e14b56bde8becc10
+size 28166
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3d159128816a8acf2573a9c4e251df878b74e8a89aa87796af5b3ce85230c292
-size 27276
+oid sha256:b43891ac4d79f81ce8afa4e5176925863d0e7c3e09ffce10fbde446202b57c75
+size 27618
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d9e22fdaeeb57aeba982a9232d891f559f773f19ecc0d5c93948d22f24dabd78
-size 27788
+oid sha256:086457b13b9f905ae9b3e3a12cd1dc37e1d9b7bbdaf6a1c26b6ace7f8283996b
+size 27836
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0454266f319c241b506840805bc542680e59f2ba267f0d6b8fe2d78e8dc80998
-size 27161
+oid sha256:dd75c175c95380eb6b3f8ab4295a13cdb8456e44b2335d5ed55ef1531f63e204
+size 27477
diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bd03700b58215dd364580b6534e34527c4207be87290c85f9341535fe9d29c6a
-size 27068
+oid sha256:ad719bb89d76b91b7cb7d062fd6b6fe6efc83f1a3086a565484403f38e96986e
+size 27126
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9ca872b3cb47958702af13366673ac18990b631103fb116ad223c9d29e59cda8
-size 26699
+oid sha256:af8a6a90bc8a5f224eddf1a7e13808767819bc147a2395bda7e610d770882ca0
+size 27019
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b99883f23de1dc32ff328696007490d862cda4f07c1cf0fd5b2f1ab4cf63be83
-size 26772
+oid sha256:fb12d752faddb00cd568542478783bc6d9309a17e67d1cc06dfec8851324e861
+size 26876
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0b20be262877b53d346edc465a5bdbe9c0be670baf42f286e82969e35b1a64e0
-size 24995
+oid sha256:5439cf0dca434f8ee7557e439bbf935819bd056bdece1e08a9ef7f7503de5862
+size 25111
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c17b1bbbf1800821d210976b409918c0dd61df02e9e2a1ce98a85faa6d3e7d8
-size 27577
+oid sha256:3dd5e245d94040d697ee91da0bb4f7869b16f52e73021a5179f247dbe67ba659
+size 27703
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:04f02f2ffbb33de20fedd7288632d1afc9d3d4ce711c19b1889a404e2fa4b3a3
-size 26449
+oid sha256:cc3ea01c873602624e63f6850d9fd859805fa1bcfd8f165dd0b5e1bf26af40e1
+size 26864
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:420d03f1e3e821ce87bcc420c91646ab546123b864fab1cdeca3ebef8ed96b78
-size 26934
+oid sha256:7bbc7012175d90fc7f438b69cbff5d21a9d1bd11335599c217b03504afc7a3ac
+size 27066
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-answered-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b7846f6198371be08d416c1b495f9458db6d3f807799b734cc4d0a3095fd5574
-size 26146
+oid sha256:6fc36f0243e199786ea39a14bee3a1ae874bab175db0a121a9f38fd99f37ba38
+size 26559
diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-small-container.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-small-container.ico
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dc9fce127868826e425a03fe57bd15abd6608784f3a86e92bf7a9f2e162bae56
-size 26872
+oid sha256:b36ca483dfc58e9714c12cdd066a5b67436ba44930d8501cb0cc086102d078bb
+size 26982

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@stackoverflow/stacks": patch
 +---
++
 +fix wrapping behavior of post-summary titles