Comments on: Word-wrap for Mozilla (take 2)

By: sstchur

sstchur — Tue, 02 Feb 2010 14:14:18 +0000

Thanks Raja:
Yeah, this was written before Chrome was released. And Chrome not supporting XBL isn't too surprising, right? But as you pointed out, it supports some alt CSS which can be used to achieve the desired effect.

By: Raja

Raja — Tue, 02 Feb 2010 06:41:53 +0000

I really appreciated your code for solving word-wrap in FireFox using TreeWalker.

But it fails for Chrome. For IE & Chrome, we can use styles as,

table-layout:fixed;
word-break: break-all;

Thanks a lot .

By: sbeam

sbeam — Tue, 03 Feb 2009 18:50:25 +0000

Hi, this was a very good article and an interesting technique. I didn't know about -moz-binding. If one needed to support Opera, you could do something similar with regular JS/DOM manipulation – but it would have to be without the convenience of TreeWalker.

I can confirm this does NOT work on table cells, because the 'overflow' event does not trigger on them. My kludge was to wrap a around the contents of certain table cells that might have really long words in them, and assign max-width: and overflow: property to that.

Also – since FF 3.1 will have word-wrap:, I added some version detection to the binding. I know this is generally frowned upon but in this case it should be OK since it is future-proof:

var ver = parseFloat(navigator.userAgent.substring(navigator.userAgent.lastIndexOf('/') + 1));
if (3.1 > ver) {
var elem = this;
doWrap();
elem.addEventListener('overflow', doWrap, false);
}

By: rajiv

rajiv — Wed, 07 Jan 2009 09:10:26 +0000

it's very useful but i have facing one problem the word is not breaking properlly meanse it break not complete
ex – please note : constructive criticis
m is welcome. Rude or vulgar comments ho
wever ,are not

it happen like this

please help me

By: RKB

RKB — Tue, 14 Oct 2008 09:26:15 +0000

Hello
it's very good solution for wrapping mozilla but i have face one problem to copy report name try to coy paste form it the Unicode caracters come s up.I want normal test to copy on mozilla web page

Please give me option for last line
node.nodeValue = node.nodeValue.split(").join(String.fromCharCode('8203'));

By: Chris

Chris — Tue, 09 Sep 2008 16:05:37 +0000

Good news, apparantly the word-wrap CSS property will soon be available in Firefox 3.1:
- http://developer.mozilla.org/web-tech/2008/08/20/word-wrap-break-word/

By: haider

haider — Wed, 03 Sep 2008 03:48:53 +0000

hix

By: personallo

personallo — Tue, 02 Sep 2008 22:09:49 +0000

wow ))
its very interesting point of view.
Good post.
realy gj

thx

By: sstchur

sstchur — Sun, 01 Jun 2008 15:15:09 +0000

HP,

My email is sstchur(at)yahoo(dot)com. Let me know what you've got so far, and we'll see if we can figure out what the missing piece is to get it working.

By: HP

HP — Sun, 01 Jun 2008 14:11:53 +0000

Hi,

Sorry for bumping an old article. I have been trying to emulate your xml solution for word wrap in Firefox. My knowledge of this is limited. I have followed your steps in both version 1 and version 2 of this solution and can get neither to work.

I would appreciate some assistance and would be happy to provide my code. Are you able to provide me with a direct email?

Thanks