Simple Machines Community Forum

SMF Support => SMF 2.0.x Support => Topic started by: Mr. Jinx on June 30, 2010, 02:03:01 PM

Title: IE8 and the jumping scrollbar
Post by: Mr. Jinx on June 30, 2010, 02:03:01 PM
In IE8 there seems to be a bug with the textbox. If you post a message, and the textbox is full, the slider on the right goes nuts and you will see your text jumping around.

I have seen multiple reports about this problem, but still no fix or workaround?

What I don't get is that other forums do not have this problem, or at least say they have fixed it.
Also, the quickreply textbox works perfect. It's only the normal textbox when replying that has this strange bug.

I know some will anser 'use a real browser' but you just cannot ask all users to switch browser. It would be nice, but not gonna happen.
Title: Re: IE8 and the jumping scrollbar
Post by: CapadY on June 30, 2010, 03:16:08 PM
What SMF version ?
Title: Re: IE8 and the jumping scrollbar
Post by: mirahalo on June 30, 2010, 03:23:14 PM
Quote from: capady on June 30, 2010, 03:16:08 PM
What SMF version ?

well,  since he post on the 2.0 board and that "bug" has to do with the wysiwyg editor, I would guest 2.0 ;)  and yes, there has been multiple posts/report on this one.
Title: Re: IE8 and the jumping scrollbar
Post by: CapadY on June 30, 2010, 03:53:14 PM
Quote from: 130860 on June 30, 2010, 03:23:14 PM
Quote from: capady on June 30, 2010, 03:16:08 PM
What SMF version ?

well,  since he post on the 2.0 board and that "bug" has to do with the wysiwyg editor, I would guest 2.0 ;)  and yes, there has been multiple posts/report on this one.

Oke, more specific:

Or maybe one of the beta's of SMF2 ?????

Title: Re: IE8 and the jumping scrollbar
Post by: YogiBear on June 30, 2010, 03:53:59 PM
Plus how Microsoft are notorious for going their own way with little or no consultation with other makers of software.

IE8 can cause a number of odd effects but running it in IE7 Compatability Mode fixes most.
Title: Re: IE8 and the jumping scrollbar
Post by: Mr. Jinx on June 30, 2010, 04:07:42 PM
This is with SMF 2.0 RC3
I did force the compatability mode a while ago, but then there where other problems like layout glitches etc.
I think that is not the way to go.
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on June 30, 2010, 06:02:46 PM
As far as I know using compatibility mode is the only workaround at the moment.
Title: Re: IE8 and the jumping scrollbar
Post by: Jakob Fel on June 30, 2010, 06:57:07 PM
IE8 is not very good with SMF. :P Actually,  IE altogether is stupid in my opinion.  ;D I unfortunately can't think of anything that could help that.
Title: Re: IE8 and the jumping scrollbar
Post by: Herman's Mixen on June 30, 2010, 07:04:13 PM
Open index.template.php and add this code between the <HEAD>..</HEAD> tags

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on June 30, 2010, 07:06:24 PM
Doesn't work any more. They changed IE8 and that code apparently screws things up now. I used to use it on my site and found that it wasn't working after a while.
Title: Re: IE8 and the jumping scrollbar
Post by: Herman's Mixen on June 30, 2010, 07:20:16 PM
Well still works for me :P

see http://msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

IE8 and IE9 are still a pain in the ass... just use more than 1 crappy browser

FireFox
Opera
K-melon
maxthon
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on June 30, 2010, 07:24:48 PM
Weird. Guys on my site using IE8 were grumbling that the cursor had started jumping again, so I had to ditch that code and get them to use compat mode. Only thing that worked for them.
Title: Re: IE8 and the jumping scrollbar
Post by: searchgr on June 30, 2010, 09:30:27 PM
http://www.simplemachines.org/community/index.php?topic=309186.0
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on July 01, 2010, 07:27:56 PM
That topic says what I just said: meta tag is broken, use compat mode. ;)
Title: Re: IE8 and the jumping scrollbar
Post by: [SiNaN] on July 02, 2010, 11:04:47 AM
Quote from: Mr. Jinx on June 30, 2010, 04:07:42 PM
This is with SMF 2.0 RC3
I did force the compatability mode a while ago, but then there where other problems like layout glitches etc.
I think that is not the way to go.

What kind of "layout glitches" have you seen, except for the broken footer? Screenshots would help a lot by the way.
Title: Re: IE8 and the jumping scrollbar
Post by: thc1967 on July 16, 2010, 12:04:16 PM
Quote from: [SiNaN] on July 02, 2010, 11:04:47 AM
Quote from: Mr. Jinx on June 30, 2010, 04:07:42 PM
This is with SMF 2.0 RC3
I did force the compatability mode a while ago, but then there where other problems like layout glitches etc.
I think that is not the way to go.

What kind of "layout glitches" have you seen, except for the broken footer? Screenshots would help a lot by the way.

I see issues with list bullets.  Take this code for example:

[list]
[li]Bullet one[/li]
[li]Bullet two[/li]
[li]Bullet three[/li]
[/list]


One would expect there to be a little round dot in front of 3 lines of text.  But on IE8 in compatibility mode, the bullets aren't there.  The lines of text are there and they're left-justified.
Title: Re: IE8 and the jumping scrollbar
Post by: Mr. Jinx on July 30, 2010, 12:42:42 PM
So there is no workaround for this?
Advising all users to use compatibility mode is not the way. Then they should use IE7 instead of IE8.
How is other forum software handling with this bug?
I know ip.board for example doesn't have this problem.
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on July 30, 2010, 06:32:47 PM
That one is fixed in svn. This is all it needs >

.bbc_list
{
   text-align: left;
}
Title: Re: IE8 and the jumping scrollbar
Post by: Mr. Jinx on July 31, 2010, 11:00:50 AM
This should solve the jumping scrollbar while typing / editting a message?
I tried it, but didn't see any improvement.
Title: Re: IE8 and the jumping scrollbar
Post by: Masterd on July 31, 2010, 11:34:08 AM
Quote from: Antechinus on June 30, 2010, 07:06:24 PM
Doesn't work any more. They changed IE8 and that code apparently screws things up now. I used to use it on my site and found that it wasn't working after a while.

Yes, but there is special mode for emulating IE7 in IE8. 
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on July 31, 2010, 08:32:15 PM
Quote from: Mr. Jinx on July 31, 2010, 11:00:50 AM
This should solve the jumping scrollbar while typing / editting a message?
I tried it, but didn't see any improvement.

No, that is the fix for the layout issue with BBC lists when using compatibility mode. Compat mode is the fix for the jumpy scrollbar. :)


Quote from: Masterd on July 31, 2010, 11:34:08 AM
Quote from: Antechinus on June 30, 2010, 07:06:24 PM
Doesn't work any more. They changed IE8 and that code apparently screws things up now. I used to use it on my site and found that it wasn't working after a while.

Yes, but there is special mode for emulating IE7 in IE8. 

I know. That's compatibility mode, as already mentioned.
Title: Re: IE8 and the jumping scrollbar
Post by: Mr. Jinx on August 01, 2010, 09:56:55 AM
I finally found a good work-around. Someone posted it at the bugtracker (http://dev.simplemachines.org/mantis/view.php?id=3354), so it was there all the time:

In GenericControls.template.php
Find:
<textarea class="editor" name="', $editor_id, '" id="', $editor_id, '" rows="', $editor_context['rows'], '" cols="', $editor_context['columns'], '" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onchange="storeCaret(this);" tabindex="', $context['tabindex']++, '" style="', $context['browser']['is_ie8'] ? 'max-width: ' . $editor_context['width'] . '; min-width: ' . $editor_context['width'] : 'width: ' . $editor_context['width'], '; height: ', $editor_context['height'], ';', isset($context['post_error']['no_message']) || isset($context['post_error']['long_message']) ? 'border: 1px solid red;' : '', '">', $editor_context['value'], '</textarea>

Replace with:
<textarea class="editor" name="', $editor_id, '" id="', $editor_id, '" rows="', $editor_context['rows'], '" cols="', $editor_context['columns'], '" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onchange="storeCaret(this);" tabindex="', $context['tabindex']++, '" style="', ($context['browser']['is_ie8'] ? 'width: 700px; max-width: ' . $editor_context['width'] . '; min-width:' . $editor_context['width'] : 'width: ' . $editor_context['width']) , '; height: ', $editor_context['height'], ';', isset($context['post_error']['no_message']) || isset($context['post_error']['long_message']) ? 'border: 1px solid red;' : '', '">', $editor_context['value'], '</textarea>

Works for me, no more jumping scrollbar in IE8 finally!!
Tested with SMF 2.0 RC3 and the default core theme.
Title: Re: IE8 and the jumping scrollbar
Post by: searchgr on August 01, 2010, 10:03:03 AM
really?
Title: Re: IE8 and the jumping scrollbar
Post by: Antechinus on August 01, 2010, 06:39:42 PM
Quote from: Mr. Jinx on August 01, 2010, 09:56:55 AMWorks for me, no more jumping scrollbar in IE8 finally!!

Were you using the wysiwyg editor or the standard bbc editor?
Title: Re: IE8 and the jumping scrollbar
Post by: Mr. Jinx on August 02, 2010, 04:31:04 AM
I tried it with the standard bbc editor. I don't know how this works with the wysiwyg editor, but if there are problems with that it should also be possible to fix.

Basicly what you have to do is set a fixed width for the textbox. IE8 have problems when you use a percentage.

ps: This fix worked for me on SMF 2.0 RC3 with the default core theme.
Title: Re: IE8 and the jumping scrollbar
Post by: Jscripts on August 23, 2010, 11:55:45 PM
See my thread (linked below) for the beginning of a proper fix for this

http://www.simplemachines.org/community/index.php?topic=397316.0

(mods, merge the threads if you reckon that is better)
Title: Re: IE8 and the jumping scrollbar
Post by: JimM on September 04, 2010, 11:03:23 PM
Marked as solved.  Members can follow the above link for the additional information.