Thanks for tracking that down. Ticket created:

http://dev.jqueryui.com/ticket/4383

- Richard

On Fri, Mar 20, 2009 at 10:56 AM, Adam Drew <epne...@gmail.com> wrote:

>
> Looks like it's due to the themeswitcher widget I setup
> yesterday.....
>
> // jquery.themeswitcher.js
> //pane css
>        switcherpane.css({
>                position: 'absolute',
>                float: 'left',
>                fontFamily: 'Trebuchet MS, Verdana, sans-serif',
>                fontSize: '12px',
>                background: '#000',
>                color: '#fff',
>                padding: '8px 3px 3px',
>                border: '1px solid #ccc',
>                '-moz-border-radius-bottomleft': '6px',
>                '-webkit-border-bottom-left-radius': '6px',
>                '-moz-border-radius-bottomright': '6px',
>                '-webkit-border-bottom-right-radius': '6px',
>                borderTop: 0,
>                zIndex: 999999,
>                width: options.width-6//minus must match left and right
> padding
>        })
>        .find('ul').css({
>                listStyle: 'none',
>                margin: '0',
>                padding: '0',
>                overflow: 'auto',
>                height: options.height
>        }).end()
>        .find('li').hover(
>                function(){
>                        $(this).css({
>                                'borderColor':'#555',
>                                'background':
> 'url(/themeroller/themeswitchertool/images/
> menuhoverbg.png) 50% 50% repeat-x',
>                                cursor: 'pointer'
>                        });
>                },
>                function(){
>                        $(this).css({
>                                'borderColor':'#111',
>                                'background': '#000',
>                                cursor: 'auto'
>                        });
>                }
>        ).css({
>                width: options.width-30,
>                height: '',
>                padding: '2px',
>                margin: '1px',
>                border: '1px solid #111',
>                '-moz-border-radius': '4px',
>                clear: 'left',
>                float: 'left'
>        }).end()
>        .find('a').css({
>                color: '#aaa',
>                textDecoration: 'none',
>                float: 'left',
>                width: '100%',
>                outline: '0 none !important'                // THIS LINE
> BREAKS IN
> IE8
>        }).end()
>        .find('img').css({
>                float: 'left',
>                border: '1px solid #333',
>                margin: '0 2px'
>        }).end()
>        .find('.themeName').css({
>                float: 'left',
>                margin: '3px 0'
>        }).end();
>
>
>
> On Mar 20, 11:35 am, Adam Drew <epne...@gmail.com> wrote:
> > did a break point in the ie8 dev console on it and watched the
> > following values break at that line a few times during the page
> > load...
> >
> > name = "outline"
> > value = "0 none !important"
> >
> > Those values breaks it every time it comes around..
> >
> > I'm going to see what is setting these values..
> >
> > On Mar 20, 10:40 am, Martijn Houtman <martijn.hout...@gmail.com>
> > wrote:
> >
> > > On Mar 20, 2009, at 3:22 PM, Adam Drew wrote:
> >
> > > > Using the dev version, I can break it down to this function..  line
> > > > 1061 ch 4
> >
> > > > I guess i should go track down anything that's playing with an
> > > > elements opacity???
> >
> > > > // from jquery.1.3.2.js
> > > > // IE uses filters for opacity
> >
> > > >            if ( !jQuery.support.opacity && name == "opacity" ) {
> > > >                    if ( set ) {
> > > >                            // IE has trouble with opacity if it does
> not have layout
> > > >                            // Force it by setting the zoom level
> > > >                            elem.zoom = 1;
> >
> > > >                            // Set the alpha filter to set the opacity
> > > >                            elem.filter = (elem.filter || "").replace(
> /alpha\([^)]*\)/, "" )
> > > > +
> > > >                                    (parseInt( value ) + '' == "NaN" ?
> "" : "alpha(opacity=" + value
> > > > * 100 + ")");
> > > >                    }
> >
> > > >                    return elem.filter &&
> elem.filter.indexOf("opacity=") >= 0 ?
> > > >                            (parseFloat(
> elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) +
> > > > '':
> > > >                            "";
> > > >            }
> >
> > > >            name = name.replace(/-([a-z])/ig, function(all, letter){
> > > >                    return letter.toUpperCase();
> > > >            });
> >
> > > >            if ( set )
> > > >                       elem[ name ] =
> > > > value;                                                          //
> > > > BREAKS HERE -
> >
> > > >            return elem[ name ];
> > > >    },
> >
> > > Ah, this seems like an invalid or non-existent CSS property. What CSS
> > > options are you passing?
> >
> > > Regards,
> > > --
> > > Martijn.
>

Reply via email to