#8914 closed bug (fixed)

Opened December 15, 2012 11:20PM UTC

Closed January 03, 2013 07:32PM UTC

Effects: odd behaviour of css hook when setting backgroundColor to transparent in IE7/8

Reported by: uibugger123 Owned by: mikesherov
Priority: minor Milestone: 1.10.0
Component: ui.effects.core Version: 1.9.0
Keywords: regression Cc:
Blocked by: Blocking:
Description

jQuery 1.8.3 jQuery UI 1.9.2 in the resource tab.

http://jsfiddle.net/jhDH2/3/

With jQuery alone, everything works fine. However jQuery UI 1.9.2 css hook seems to force lookup color of parent element and set it as background color instead of transparent.

In IE9, the color is set to rgba(0, 0, 0, 0) but in IE8/7 the color is set to rgb(255,0,0).

Also I was trying to post a bug report but trac seems to keep giving me OperationalError: (2006, 'MySQL server has gone away') error...

Attachments (0)
Change History (6)

Changed December 16, 2012 07:41PM UTC by tj.vantoll comment:1

owner: → uibugger123
status: new → pending

Hi uibugger123, thanks for taking the time to contribute to the jQuery UI project.

This is intended behavior, see https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.effect.js#L603. Are you seeing any differences in the behavior in your example? For me it looks to work the same in IE7 and IE8 as it does in the latest Chrome.

Here's a minified test case and again it looks the same in IE 7 / 8 as it does in Chrome - http://jsfiddle.net/tj_vantoll/cGVBX/3/.

Thanks.

Changed December 16, 2012 08:45PM UTC by uibugger123 comment:2

status: pending → new

http://jsfiddle.net/cGVBX/4/

I've updated your example, setting background color to parent background color is definitely a bug.

Changed December 17, 2012 03:28AM UTC by tj.vantoll comment:3

status: new → open
summary: odd behaviour of css hook in jQuery UI 1.9.2 when setting backgroundColor to transparent in IE7/8 → Effects: odd behaviour of css hook when setting backgroundColor to transparent in IE7/8
version: 1.9.2 → 1.9.0

I see the issue now - http://jsfiddle.net/tj_vantoll/aqnfz/. I also confirmed that this issue is not present in jQuery UI 1.8.24 and does not occur if jQuery UI is not used.

Changed December 17, 2012 01:12PM UTC by scottgonzalez comment:4

component: ui.core → ui.effects.core
keywords: → regression

This is because jQuery Color 2.0 adds cssHooks for everything and special cases transparent. The special casing needs to exist only in animations. We should probably file an issue in the jquery-color repo, but I want to discuss the problem with gnarf before filing the issue.

Changed January 02, 2013 05:36PM UTC by scottgonzalez comment:5

owner: uibugger123 → mikesherov
status: open → assigned

Changed January 03, 2013 07:32PM UTC by Mike Sherov comment:6

resolution: → fixed
status: assigned → closed

Effects: Avoid cssHook blending in non-rgba browsers when the value is "transparent". Fixes #8914: odd behaviour of css hook when setting backgroundColor to transparent in IE7/8

Changeset: da01fb6a346e1ece3fd6dde5556a98f099e0c0e0