editing diary/blog entries is broken in opera

[tyrasd]

I noticed some strange behavior when editing diary/blog posts in Opera:

The markup of some paragraphs get some content duplicated, content towards the end gets truncated.

In chrome it works just fine.

Unfortunately, I haven't been able to track the causes of this problem further down. Thats because all my accounts I create on api06.dev.osm.org to write test blog posts with get immediately suspended because of "suspicious activity".

[tomhughes]

This is believed to be a bug in Opera. See https://trac.openstreetmap.org/ticket/4767 and https://trac.openstreetmap.org/ticket/4821.

[tomhughes]

I've unblocked your accounts now anyway.

[tyrasd]

OK, I took a deeper look:
The text gets broken in the autoGrow plugin. It looks like a Opera gets confused by the hacks the plugin applies to the textarea in order to determine "the character width". Note that as osm.org doesn't use a monospaced font, this actually can't work. The plugin does a pretty bad job anyway: Try to edit one of my test entries: you get a textarea with hidden content without a scrollbar!

Can you try upgrading to version 3.0 of this plugin?

"Users of the previous versions will surely remember the strange behavior of the textarea when using proportional fonts. All this has been catered for in the new version."

[tomhughes]

I've updated it, and local tests suggest it is better - it should be live on the test site in about half an hour.

[tyrasd]

This fixes the Opera bug, but it still doesn't work well for long blog entries with long lines. The white-space:nowrap here seems to be the cause. See: jevin/Autogrow-Textarea#6

I don't see where this nowrap is still needed. Can we remove it? Otherwise, we could add .autogrow-textarea-mirror { white-space:normal; } as a workaround.

[tomhughes]

That white-space: nowrap is there to keep the editor and the help on the same line, but it can be turned off inside the container - that was already done for the preview pane but I have extended it to the editor as well in 92210a5 and pushed the whole thing to the live site.