Fixed.

- Richard

On Sat, Mar 21, 2009 at 7:11 AM, Richard D. Worth <rdwo...@gmail.com> wrote:

> 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