Long history text widens pages

RT Users
1

Hello,

This must have come up before, but I can’t find anything anywhere in
archives or on the wiki…

A long unbroken string of text (often a URL) in a history entry pushes the
page way out to the right so that you have to scroll to the right to find
Submit buttons etc. I’ve tried various fixes but found nothing that will
work in all the browser/OS combinations we support.

Has anyone else dealt with this problem and come up with an elegant
solution?

Thanks,
Steve

Stephen Turner
Senior Programmer/Analyst - Client Support Services
MIT Information Services and Technology (IS&T)

2

Hello,

This must have come up before, but I can’t find anything anywhere in
archives or on the wiki…

A long unbroken string of text (often a URL) in a history entry pushes the
page way out to the right so that you have to scroll to the right to find
Submit buttons etc. I’ve tried various fixes but found nothing that will
work in all the browser/OS combinations we support.

Has anyone else dealt with this problem and come up with an elegant
solution?

I believe that the CSS-based layout in 3.6 significantly improves this.

-j

3

-----Original Message-----
From: Jesse Vincent [mailto:jesse@bestpractical.com]

I believe that the CSS-based layout in 3.6 significantly
improves this.

-j

Hi,

I just did a quick test - we are still on 3.4.2, but I have a 3.6.1 setup I
can play with.

It is an improvement, but I don’t think the problem has gone away
altogether. Long strings now don’t seem to push the whole page out to the
right, but they do extend to the right and push the individual history entry
out (the reply, comment, and download links are off to the side).

I’m looking for something that will wrap the text - the CSS solutions I’ve
tried so far don’t appear to work across all the major browsers…

Thanks,
Steve

4

I’m looking for something that will wrap the text - the CSS solutions I’ve
tried so far don’t appear to work across all the major browsers…

We’ve spent some time on this and the best CSS minds we’ve talked
to…don’t have any good ideas.

5

I’m looking for something that will wrap the text - the CSS solutions I’ve
tried so far don’t appear to work across all the major browsers…

We’ve spent some time on this and the best CSS minds we’ve talked
to…don’t have any good ideas.

Yeah, this is hard to make it work correctly.  On a project I work

on, someone just added a wordwrap piece of code that doesn’t respect word
boundaries. It works, but looks really junky.
I am hoping to clean it up a little by respecting word boundaries,
unless the word is really long, or something like that.

6

I’m looking for something that will wrap the text - the CSS
solutions I’ve
tried so far don’t appear to work across all the major browsers…

We’ve spent some time on this and the best CSS minds we’ve talked
to…don’t have any good ideas.

I did some Googling and some testing, and found that having “word-wrap:
break-word” added to div.messagebody will fix your problem - but only
for IE. I couldn’t figure out a way to make it work in Firefox.

Eric Schultz
United Online, Inc.

7

Hi -

We ran into this problem as well (with 3.6.1), and our solution (so far
as I understand it… I’m not really a CSS guy) was to make pre tags
scroll. It results in a scroll bar at the bottom of whatever segment
would have caused the page to over widen. We added this to the rt css:

pre
{
padding:2px;
overflow:auto;
}

I know it works in Opera and Firefox, and I think the guy that actually
wrote that bit tested it for all the browsers he could access easily,
but I can’t guarantee that. In any case its better than mutilating words
to wrap.

  • Andrew Redman
    ITG Help Desk
    Gevirtz Graduate School of Education, UCSB

Stephen Turner wrote: