Happens on my Opera 10.63, build 6450, running on Ubuntu 10.10 x64 with current jquery.console plugin.
OK, I checked the source and realized it that wbr was added every 10 chars. Well, I suggest re-examining that feature, since it also caused problems when I tried copying and pasting text from the console. On Firefox 3.6.11 on RHEL, all of the wbrs were replaced by } (endstache) which broke the copied source.
Feel free to come up with an alternative way of word breaking. Something involving inserting random <span/>'s might work nicely, I don't remember off the top of my head.
(FWIW, I don't personally plan on supporting opera. It was more of an illogical pain than IE6 and the user base is 3% of all visitors. You're welcome to add workarounds for Opera, though.)
CSS has word-wrap: break-word; which is supported in all major browsers (http://caniuse.com/#search=word-wrap) and should do what you want.
Drop use of wbr, use word-wrap: break-word; — thanks, calebegg (refs #6…
Cheers, Caleb! I tested Opera 11.01. Does it solve this ticket, Eric?
Yes! I still haven't upgraded Opera since then, so I can confirm that this automatically breaks long lines on word boundaries in Opera 10.63.
But the behavior seems to be inconsistent and in flux. For example, word-wrap:break-word breaks lines anywhere (even in the middle of words) in Firefox 7.0.1 and Chrome 17. I'm not sure how much I trust caniuse.com... And looking at http://www.w3.org/TR/css3-text/#changes : "Renamed 'word-wrap' to 'overflow-wrap'." It seems that the "text-wrap" property is what we actually want, but most browsers don't support it.
Anyways, this works so why not?