Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Comments on Tables break words in first column

Parent

Tables break words in first column

+5
−0

On the site, table content is often jammed all together in the first column, where the next column is happily spread out. I have made some of my tables extremely terse to accommodate. This is from Chrome 122/MacOS on a 27-inch monitor (2560 × 1440):

Sample table

Element Description
hydrogen Fusce molestie nibh id tellus semper, at porta nisi rhoncus. Praesent malesuada odio a fringilla sollicitudin.
helium Curabitur malesuada sapien nec dui varius porttitor. Quisque aliquet finibus posuere.
lithium Quisque lacus massa, vulputate a purus non, cursus porta leo. Ut tempus odio vel lorem ornare pharetra.

Screenshot

screenshot

Editor view

For some reason, the same table looks fine in the Editor view:

screenshot-editor

History
Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

1 comment thread

Example table plus screenshot (5 comments)
Post
+2
−0

Not necessarily the first column, but there's something wonky in that one:

X Element Description
. hydrogen Fusce molestie nibh id tellus semper, at porta nisi rhoncus. Praesent malesuada odio a fringilla sollicitudin.
- helium Curabitur malesuada sapien nec dui varius porttitor. Quisque aliquet finibus posuere.
? lithium Quisque lacus massa, vulputate a purus non, cursus porta leo. Ut tempus odio vel lorem ornare pharetra.

(This also looks fine in the preview, like the one in the question does.)

I also tried making the name of the (now) second column longer (Element Element), and that had normal layout (it wrapped between the words, not in the middle of one). (See this scratch post on the dev server where I'm playing with this; feel free to try stuff there.)

I'm posting this as a progress report, and also to solicit more broken examples.

--

It looks like it's related to the presence of a long value -- if it's long enough to wrap, things get wonky:

X Element Description
. hydrogen 123456789 123456789 123456789 123456789 123456789 123456789
- helium 123456789 123456789 123456789 123456789 123456789 123456789
? lithium 123456789 123456789 123456789 123456789 123456789 123456789
X Element Description
. hydrogen 123456789 123456789 123456789 123456789 123456789 123456789 123456789
- helium 123456789 123456789 123456789 123456789 123456789 123456789 123456789
? lithium 123456789 123456789 123456789 123456789 123456789 123456789 123456789

--

What if the long column isn't the last one?

Element Description X
hydrogen 123456789 123456789 123456789 123456789 123456789 123456789 123456789 .
helium 123456789 123456789 123456789 123456789 123456789 123456789 123456789 -
lithium 123456789 123456789 123456789 123456789 123456789 123456789 123456789 ?

Does it happen to multiple columns?

Element Element Description X
hydrogen hydrogen 123456789 123456789 123456789 123456789 123456789 123456789 123456789 .
helium helium 123456789 123456789 123456789 123456789 123456789 123456789 123456789 -
lithium lithium 123456789 123456789 123456789 123456789 123456789 123456789 123456789 ?
History
Why does this post require moderator attention?
You might want to add some details to your flag.

1 comment thread

Is it definitely tied to the last column? (2 comments)
Is it definitely tied to the last column?
Michael‭ wrote 3 months ago

Maybe you should try the short "X" column at the end of one of your sandbox tests, with a long (wrappable) column as a middle column.

Monica Cellio‭ wrote 3 months ago

Good catch! Not positional; added a test case.