Text area resizer doesnt work in Opera 12

Started by Mladek, July 19, 2012, 03:39:08 PM

Previous topic - Next topic

Mladek

Text area resizer does work in every browser (Firefox, Chrome, IE) except Opera 12. Is it me or?
Take a look at screenshot in attach.

Orangine

It used to work with Opera 11, which I abandoned because of the compability problems. I can now say it was a good decision.

kat

It doesn't work with Opera 12.

Not a great loss, though. ;)

Mladek

Quote from: K@ on July 19, 2012, 04:15:14 PM
It doesn't work with Opera 12.
Not a great loss, though. ;)
What a strange reply from the Lead Support Specialist. Opera is very popular browser, I receive complains from my users.
What should I do to make it work?

kat

Oh, no! I use Opera, myself!

I meant the resizer. To be honest, I've never used it, myself.

Sorry, if that came-over as flippant, coz it wasn't meant to be.

I just a dear loved one and my brain's a bit weird.

Sorry... :(

Antechinus

Quote from: Mladek on July 19, 2012, 04:29:37 PM
Quote from: K@ on July 19, 2012, 04:15:14 PM
It doesn't work with Opera 12.
Not a great loss, though. ;)
What a strange reply from the Lead Support Specialist. Opera is very popular browser, I receive complains from my users.
What should I do to make it work?

Get Opera to support resize: vertical; like Gecko and Webkit have done for ages. That's the real answer.  While you're at it, get them to fx their keyboard navigation, which is utterly terrible and very bad for a11y.

Failing that, if it's repeatable for other people on a clean 2.0.2 installation with Opera 12, we can put in a bug report for it and take a look. I'm sure K@ could test this for us. *hint hint*

ETA: Oh and I use resize all the time. I even get to use it on places that Opera will never see it, like in the quick reply.

TBH I think the resize javascript should be dropped from 2.1. I regard it as legacy code already.

CircleDock

I have four production sites plus a virgin (un-modded) site hosted locally and on all of them the textbox resize function is broken with Opera 12 - oh, and it's broken here too!

Suggesting that Opera fixes the problem isn't actually terribly helpful, however as you appear to have coded a working solution, perhaps you could post that here. That would be much more helpful :). I actually doubt that it's a bug in Opera as I'm also a member of a couple of forums running the latest IPB software and the textbox resize function works perfectly on those.

This is actually an issue as, on one of my sites, I have a large number of users running XP and we're trying to wean those users off IE6/IE7 and Opera is the best alternative. Firefox used to be a good alternative but has become horribly bloated, resource hungry and doesn't free and release memory when windows or tabs are closed.

Antechinus

#7
You're talking to someone who uses Firefox all the time by preference. I'm honestly not that impressed with Opera. Yes, I know some people love it. Some people love ferrets. No accounting for taste. :)

Yes, Opera is sound for what it does, but it lacks some useful features, and likes to provide other features that many people wont care about. That's asuming they can even find them.

I haven't coded an alternative. I just use a browser that automatically gives resize ability on any textarea, and will accept resize on pretty much any element at all if it is specified in the css. If you have users on XP boxes and you want them off IE6/7, IMO Firefox is still a perfectly acceptable solution. I used it every day on my old XP box until it died recently. As I said, Chrome is fine too, and very simple if they like simplicity.

ETA: Just did a quick Google for "textarea resize opera". Try this: https://addons.opera.com/en/extensions/details/textarea-resizer/

It should work anywhere, not just on SMF. Just tried it on local on an SMF test site. Works a treat. Much better than the SMF code. Tell them to grab it. Installs in a couple of seconds. No muss, no fuss. :)

And yes, I can confirm that the SMF js is broken in Opera 12.

ETA: Oh handy hint for you. Since the SMF resize handle is broken in Opera, and since it is really unnecesary for any browser except IE, you can try a little CSS tweak so it doesn't hang around confusing your users.

Open editor.css. Find this:

/* The resize handle. */
.richedit_resize {
height: 5px;
font-size: 0;
background: #eee url(../images/bbc/resize-handle.png) no-repeat 50% 1px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
width: 100%;
padding: 0 2px;
}


Replace:

div#message_resizer, div.richedit_resize {display: none;}


Then to make it work in IE, open editor_ie.css and add this line to the end of the file:

div#message_resizer, div.richedit_resize {display: visible;}


Javascript I'm crap at. CSS I understand. :D

CircleDock

Quote from: Antechinus on July 20, 2012, 02:39:23 AM
ETA: Just did a quick Google for "textarea resize opera". Try this: https://addons.opera.com/en/extensions/details/textarea-resizer/

It should work anywhere, not just on SMF. Just tried it on local on an SMF test site. Works a treat. Much better than the SMF code. Tell them to grab it. Installs in a couple of seconds. No muss, no fuss. :)
Thank you! That is most useful and works :).

QuoteOpen editor.css. Find this:

/* The resize handle. */
.richedit_resize {
height: 5px;
font-size: 0;
background: #eee url(../images/bbc/resize-handle.png) no-repeat 50% 1px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
width: 100%;
padding: 0 2px;
}


Replace:

div#message_resizer, div.richedit_resize {display: none;}


Then to make it work in IE, open editor_ie.css and add this line to the end of the file:

div#message_resizer, div.richedit_resize {display: visible;}


Javascript I'm crap at. CSS I understand. :D
Thank you also for the CSS changes!


kat

OO! That extension's pretty good, innit?

Nice one, Ant! :)

Antechinus

Hey, don't worry about it. You never use the resize anyway, remember? :P

kat

Not here, no.

But, as that seems to let you resize all text boxes, it's kinda handy.

Advertisement: