Open
Bug 587272
Opened 14 years ago
Updated 6 years ago
text wrap in chat area (when a number of spaces is input)
Categories
(Other Applications :: ChatZilla, defect)
Other Applications
ChatZilla
Tracking
(Not tracked)
ASSIGNED
People
(Reporter: svetlana, Assigned: samuel)
Details
Attachments
(3 files)
27.47 KB,
text/html
|
Details | |
369 bytes,
patch
|
bugzilla-mozilla-20000923
:
review-
|
Details | Diff | Splinter Review |
2.80 KB,
patch
|
bugzilla-mozilla-20000923
:
review-
|
Details | Diff | Splinter Review |
Steps to reproduce: In a channel, say " ." (a number of spaces and a "."). Current behavior: A horizontal scrollbar appears at chat area bottom, with the message exceeding screen width. Expected behavior: No scrollbar should have appeared. Text wrap should have occurred properly.
Comment 1•14 years ago
|
||
This might be a problem with Gecko itself.
Comment 2•13 years ago
|
||
Some additional infos: W3C says: http://www.w3.org/TR/CSS2/text.html#white-space-model 16.6.1 The 'white-space' processing model says: > If 'white-space' is set to 'pre' or 'pre-wrap', any sequence of spaces > (U+0020) unbroken by an element boundary is treated as a sequence of > non-breaking spaces. However, for 'pre-wrap', a line breaking opportunity > exists at the end of the sequence. so the new behavior of pre-wrap fits to this rule. the pure word and his postfix whitespaces are 1 unit. But: > If spaces (U+0020) or tabs (U+0009) at the end of a line have > 'white-space' set to 'pre-wrap', UAs may visually collapse them. so the last few whitespaces immediately before the EOL may be collapsed. (in the testcase the spaces between the bbb-link and EOL). But w3c says "may" and not "must" so not sure if it is a bug or maximum a minor one. *********** http://www.w3.org/TR/2010/WD-css3-text-20101005/#word-wrap 6.2. Emergency Wrapping: the ‘word-wrap’ property this is the new property which one handles the annoyed overflow effect (with horizontal scrollbar) of long words. (the right side in the testcase) ********* Backwards compatibility tests via screenshot were added to testcase to compare.
Comment 3•13 years ago
|
||
patch on output-base.css to fix the overflow effect with horizontal scrollbar.
Attachment #511620 -
Flags: review?(samuel)
Assignee | ||
Comment 4•13 years ago
|
||
This patch adds a new munger to split long whitespace the same way we split long words. We could add the new CSS rule as well for future use.
Assignee | ||
Updated•13 years ago
|
Attachment #518912 -
Flags: review? → review?(silver)
Comment 5•13 years ago
|
||
Comment on attachment 518912 [details] [diff] [review] split whitespace the same way we do long words Apparently we don't support Gecko <1.9.1 so this isn't needed.
Attachment #518912 -
Flags: review?(silver) → review-
Updated•13 years ago
|
Attachment #511620 -
Flags: review?(samuel) → review+
Comment 6•13 years ago
|
||
Comment on attachment 511620 [details] [diff] [review] patch - word-wrap: break-word Apparently, despite claims other on this bug, this doesn't actually work AT ALL.
Attachment #511620 -
Flags: review+ → review-
Comment 7•13 years ago
|
||
per discuss on chat in 2011-03-12 the word-wrap:break-word doesn't work on table cells (see Bug 587438) only on div elements. to apply word-wrap the only 1 way is adding a nested div element into the .msg-data td and using hardcoded constant overdefinition for the width css property. However Samuel Sieb's attachment 518912 [details] [diff] [review] is better way, no hardcoding, more backwards compatibility, because works on Gecko1.9.0 too (although bcomp is not nessesary from now if <Gecko1.9.1 is not supported anymore) word-wrap:break-word on table-cell will be useful only after fixing Bug 587438
Comment 8•6 years ago
|
||
We can work-around this with table-layout: fixed; property, and use on td the word-wrap: break-word testcase: https://jsfiddle.net/utasir/5bruersj/ idk how we didnot find this solution earlier. Well -moz-min-content is 1year old only so far.
You need to log in
before you can comment on or make changes to this bug.
Description
•