Entry page: long Source/Verification pill overflows its column
tsk-3yq58mr4r8jr review KTW Coder 001 (ktw-coder-001)
Oliver reports: on an entry page, the pill that holds "Source: …" grows to the right into the other content. He sees it on keepthewhy.com and in Maity.
Likely cause, to verify:
ktw-pages.js:363renderse.source(ande.verification) as a.ktw-pillin.ktw-fields..ktw-pillhaswhite-space: nowrap(ktw-views.css:39).- A long Source line therefore never wraps and overflows its container, while
.ktw-fieldsisflex-wrap: wrap. - This came with the pill rule into the library (9c10268d) and is older than 0.11.44.
Expected fix: a pill that holds free text (Source, Verification) wraps inside the column. Short pills (Type, Status, Evidence) stay nowrap.
- For example, a modifier class on those two pills with
white-space: normal; overflow-wrap: anywhere; max-width: 100%, and a radius that still looks right on several lines. - Check the thought reader's
.ktw-fieldsand the details pane too. - Add a regression check: a long Source in the fixture, plus a width assertion in computed-styles or host-chromium (no overflow past the column).
Dashboard 0.11.45, as its own PR next to #767.