The Joyent Community

tpeacock · 2008-02-14 06:02:27

we're working with sifr beta3, build 372, and ran into an issue with our thickbox implementation: In IE7, the sifr text appears on top of the thickbox overlay. To fix, we changed the wmode setting to opaque. This fixed the overlay problem, but exposed a weird scrolling issue.

Specifically, in IE6 and IE7, when the cursor is placed over sifr'd text, you cannot use the mouse scrollwheel to scroll down the page. As soon as the cursor is moved off of the sifr text, scrolling works. This behavior only happens when wmode is set to opaque or transparent.

Any ideas how to fix?

Mark Wubben · 2008-02-14 06:44:20

This is a general Flash bug, which I tried to work around. Apparently the work-around doesn't work for opaque/transparent movies. I'll look into it, but of course can't promise anything :)

andyb1979 · 2008-04-04 11:27:55

I also have this problem with the r395 nightly release. In firefox 2 I can scroll fine. In IE6/7, when I mouse-wheel scroll if the pointer falls on a sifr headline, the sifr headline steals focus and the mouse-wheel no longer works.

Interestingly, I recently upgraded from sIFR 2.0.5 and that version did not have the issue.

My site is on a localhost server at the moment. When I have it online I will post a demo.

Thanks,

andyb1979 · 2008-04-04 22:27:08

I've got a demo site online here:
http://rockrhymereason.org.uk.dnnmax.com

This is a temporary URL. When the site's ready it will be switched over to www.rockrhymereason.org.uk

Go to the artists page and place the mouse over a sifr replaced title and try scrolling. If I remove the wmode="transparent" statements in replacement, it scrolls, but then I get white backgrounds. sIFR 2.0.5 didn't have this issue on my site before I made the upgrade to 3.

In Firefox2 it scrolls fine, in IE6/7 it doesnt. Dont even try in IE < 6, I havent even tested the site for it!! ...

makibo · 2008-04-11 09:28:24

Hello there,

i've got the same problem - just downgraded from rev 397 to 395 and i'm not able to scroll any more in ie 6 / 7..

Mark, could you please tell me the latest rev, which doesn't have this bug

thanks in advance

andyb1979 · 2008-04-11 09:33:27

Could you scroll in 397?

To be honest I need to double-check I could scroll in 2.0.5 (as I stated earlier). One thing I noticed is in 2.0.5 the headings are displayed inline whereas in rev 395 they are displayed as block. This may cause the scroll to be interrupted more often in rev 395 as its more likely that the mouse will be over a block heading than an inline one.

I will do some tests on my site to see if it is definitely possible to scroll in 2.0.5.

makibo · 2008-04-11 09:41:06

Hi andy,

i'm not really sure because it threw errors in internet explorer, so i couldn't check it.
Um, i need the multicolor feature of sIFR 3 - there must be a way to fix this...

I'll post updates after i did some further research.

Last edited by makibo (2008-04-11 09:41:26)

makibo · 2008-04-11 14:56:09

dirty Workaround for ie:

[pseudocode]
onReplacement: function(obj){

if(ie){
get Size and Position of Element;

create Div with size/pos from above with position absolute
>set opacity to 0.01 and bgcolor white

insert div into dom, above the sifr-replaced object
}
}

[/pseudocode]

it will insert a div above the flash, which prevents flash to suck in the focus;
if the position doesn't get changed, this does the trick

unfortunately i use an accordion effect on my site, so this solution doesn't really work for me :(

Last edited by makibo (2008-04-11 16:41:25)

Mark Wubben · 2008-04-11 18:02:47

I don't think this is anything I broke, if you could find a version in which it works that'd be great, so I can fix it again.

Andy, nothing changed regarding the `display` of Flash movies. Do you really need the transparency? The white background is probably because you haven't specified a background color. (And the background will be white on Linux anyway, since Linux browsers don't support transparency.)

andyb1979 · 2008-04-12 08:34:11

I will try to find a version it worked in and do a bit more testing. As I said above I may have been mistaken about 2.0.5 working.

Is there no way to do a dirty work-around? Get a scroll event off the flash and pass it to the browser (I know virtually no javascript hence the dumb question)

As for needing transparency, if you look at the URL I posted, transparency is needed to create this effect:
http://rockrhymereason.org.uk.dnnmax.co … fault.aspx

I will bear this limitation in mind though when making future sites with sIFR.

Thanks!

Mark Wubben · 2008-04-12 13:45:06

A dirty workaround is already in use, but doesn't work 100% it'd seem :)

makibo · 2008-04-13 13:37:07

Hey there again,

i need the transparency too, because the background has got a color gradient...
well i am thinking of disabling the color gradient in ie if i find no solution.

until later

justincone · 2008-08-01 16:19:32

Just an update on this: I'm using sIFR 419, and the scrolling issue is showing up in Firefox 3 on Windows (not on Mac). In IE 6 and 7, however, it appears to be working.

huckocs · 2008-08-14 10:57:51

Hi there,

Using the lastest nightly (419) and am in a vicious little circle...

Using background-color and remving transparency fixes the scrolling issue in ie6/ie7, but breaks the scrolling in firefox 3.

Adding wmode:transparency fixes firefox 3 but breaks ie6/ie7.

Hmmm what to do!

sIFR.replace(rotisextra, {

selector: 'h2', wmode: 'transparent', fixFocus: 'true', css: [ '.sIFR-root { color:#322b22;}' ,'a { text-decoration: none;}' ,'a:link { color: #322b22; }' ,'a:hover { color: #D31144;text-decoration:underline; }' ]
});

Incidently if it helps there are no such problems in either browsers on the following site

http://www.horsehero.com

which I believe uses Sifr 2.02 and wmode:transparency

Last edited by huckocs (2008-08-14 11:18:21)

Mark Wubben · 2008-08-15 08:45:31

You could check for sIFR.ua.ie and sIFR.ua.gecko and sue different replacements?

huckocs · 2008-08-15 09:56:42

Sounds great but can't find any documentation on these checks, could you possibly point me in the right direction?

Appreciated!

Mark Wubben · 2008-08-16 12:44:46

They're boolean variables you can use in an if-clause.

reef · 2008-11-05 07:09:58

huckocs wrote:
Using the lastest nightly (419) and am in a vicious little circle...

Using background-color and remving transparency fixes the scrolling issue in ie6/ie7, but breaks the scrolling in firefox 3.

Adding wmode:transparency fixes firefox 3 but breaks ie6/ie7.

Has anyone had any joy with a fix for this. Thanks.

wodkaist · 2009-04-29 12:39:57

makibo wrote:
dirty Workaround for ie:

[pseudocode]
onReplacement: function(obj){

if(ie){
get Size and Position of Element;

create Div with size/pos from above with position absolute
>set opacity to 0.01 and bgcolor white

insert div into dom, above the sifr-replaced object
}
}

[/pseudocode]

it will insert a div above the flash, which prevents flash to suck in the focus;
if the position doesn't get changed, this does the trick

unfortunately i use an accordion effect on my site, so this solution doesn't really work for me :(

Done, with JQuery :

Code:

$("h2.sifr").each(function (i,e){
        target = $(e);
        div = $('<div class="sifr-cache"></div>');
        target.before(div);
        div.data('target',target);
        
    });
    $(".sifr-cache").each(function (i,e){
        cache = $(e);
        cache.css('opacity',0.01);
        cache.css({
            backgroundColor :     '#ffffff',
            position :             'absolute'
        });
        target = cache.data('target');
        offset = target.offset();
        cache.css('left',offset.left);
        cache.css('top',offset.top);
        cache.width(target.width());
        cache.height(target.height());
        
    });

The Joyent Community

#1 2008-02-14 06:02:27

IE6 + 7 scrolling issue

#2 2008-02-14 06:44:20

Re: IE6 + 7 scrolling issue

#3 2008-04-04 11:27:55

Re: IE6 + 7 scrolling issue

#4 2008-04-04 22:27:08

Re: IE6 + 7 scrolling issue

#5 2008-04-11 09:28:24

Re: IE6 + 7 scrolling issue

#6 2008-04-11 09:33:27

Re: IE6 + 7 scrolling issue

#7 2008-04-11 09:41:06

Re: IE6 + 7 scrolling issue

#8 2008-04-11 14:56:09

Re: IE6 + 7 scrolling issue

#9 2008-04-11 18:02:47

Re: IE6 + 7 scrolling issue

#10 2008-04-12 08:34:11

Re: IE6 + 7 scrolling issue

#11 2008-04-12 13:45:06

Re: IE6 + 7 scrolling issue

#12 2008-04-13 13:37:07

Re: IE6 + 7 scrolling issue

#13 2008-08-01 16:19:32

Re: IE6 + 7 scrolling issue

#14 2008-08-14 10:57:51

Re: IE6 + 7 scrolling issue

#15 2008-08-15 08:45:31

Re: IE6 + 7 scrolling issue

#16 2008-08-15 09:56:42

Re: IE6 + 7 scrolling issue

#17 2008-08-16 12:44:46

Re: IE6 + 7 scrolling issue

#18 2008-11-05 07:09:58

Re: IE6 + 7 scrolling issue

huckocs wrote:

#19 2009-04-29 12:39:57

Re: IE6 + 7 scrolling issue

makibo wrote:

Code:

Board footer

Technology

Services

Resources

About

Partners

Developer Center